header {
    position: relative;
    z-index: 100;
    border-bottom: 1px solid var(--divider-light-2);
}

header > .-container {
    display: flex;
    height: 100%;
    max-width: 1720px;
}

header.-wide > .-container {
    max-width: inherit;
}

header > .-container > * {
    margin: 10px;
}

header > .-container > .-appointment {
    width: 200px;
    display: flex;
    justify-content: end;
}

header > .-container > .-appointment > .-button-ui {
    font-size: 18px;
    padding-inline: 22px;
    padding-block: 8px;
    box-shadow: 0px 11px 35px #ffe39a29;
}

header > .-container > .-logo {
    padding-block: 0;
    align-self: center;
    height: 38px;
    width: 254px;
}

header > .-container > .-menu {
    margin-inline: auto;
    margin-block: 0;
    display: flex;
    flex: 1;
    justify-content: center;
}

header > .-container > .-menu > div {
    display: flex;
}

header > .-container > .-userarea {
    display: flex;
    margin: 6px;
    padding-block: 15px;
    align-self: center;
    width: 254px;
    justify-content: end;
    margin-inline-start: auto;
}

header > .-container > .-userarea > * {
    margin: 4px;
    border-radius: var(--circularradius);
}

header > .-container > .-menu > div > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

header > .-container > .-menu > div > ul > li {
    position: relative;
    display: flex;
    margin-inline: 20px;
}

header > .-container > .-menu > div > ul > li > a {
    display: flex;
    font-size: 17px;
    color: var(--secondarytext);
    padding-block: 10px;
    font-weight: 500;
    position: relative;
    align-items: center;
}

header > .-container > .-menu > div > ul > li > a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    left: -20px;
}

header > .-container > .-menu > div > ul > li > a:hover {
    color: var(--textcolor);
}

header > .-container > .-menu > div > ul > li > a > i {
    font-size: 15px;
    margin-inline-start: 9px;
}

header > .-container > .-menu > div > ul > li > ul {
    position: absolute;
    top: 100%;
    left: 20px;
    width: 240px;
    padding-top: 30px;
    padding-bottom: 10px;
    z-index: 1;
    transform: scale(.95, .2);
    visibility: hidden;
    opacity: 0;
    --textcolor: black;
}

header > .-container > .-menu > div > ul > li > ul > li {
    opacity: 0;
    transform: translate(0px, 5px);
}

header > .-container > .-menu > div > ul > li:hover > ul > li {
    opacity: 1;
    transition: 250ms 80ms all ease;
    transform: translate(0);
}

header > .-container > .-menu > div > ul > li > ul > li > a {
    display: block;
    padding: 15px 30px;
    font-weight: 500;
    color: var(--textcolor-2);
    font-size: 18px;
    border-bottom: 1px solid var(--divider-light-2);
    transition: 200ms all ease;
    border-radius: var(--largeradius);
}

header > .-container > .-menu > div > ul > li > ul > li > a:hover {
    color: var(--uicolor-2);
    background: var(--light-accent);
    transition: 50ms all ease;
}

header > .-container > .-menu > div > ul > li > ul > li:last-child > a {
    border-bottom: 0;
}

header > .-container > .-menu > div > ul > li > ul:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    bottom: 0;
    background: white;
    z-index: -1;
    border-radius: var(--largeradius);
    box-shadow: 0px 21px 60px #02154c5c;
}

header > .-container > .-menu > div > ul > li:hover > ul {
    list-style: none;
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    transition: 150ms all ease;
}

header > .-container > .-menu > div > ul > li:last-child > a {
    border-inline-end: 0;
}

header > .-container > .-menu > div > ul > li.current-menu-item > a:after {content: '';display: block;height: 2px;background: currentColor;margin-top: 3px;}

header > .-container > .-menu > div > ul > li.current-menu-item > a {
    color: var(--uicolor-1);
    box-shadow: inset 0 -2px 0px var(--uicolor-1), 0 1px 0px var(--uicolor-1);
}

header > .-container > .-menu > div > ul > li > a:after {
    content: '';
}

header > .-container > .-logo img {
    max-width: 100%;
    max-height: 100%;
}


.-elearning-intro {padding-inline: 30px;}

.-elearning-intro > .-container {
    display: flex;
    background: linear-gradient(45deg, #1e0403, #b7332c);
    color: white;
    border-radius: var(--circularradius);
    margin: 70px auto 30px;
    padding-inline: 100px;
    max-width: 1600px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 31px 70px #b7332c40;
    justify-content: space-between;
}

.-elearning-intro > .-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url(./img/vector.png);
    opacity: .1;
    z-index: -2;
    border-radius: var(--circularradius);
}
.-elearning-intro > .-container:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(45deg, #6e151100, #b7332cc7 60%);
    z-index: -1;
    border-radius: var(--circularradius);
}

.-elearning-intro > .-container > .-elearning-intro-body {
    align-self: center;
    flex: 1;
    max-width: 760px;
    padding-block: 40px;
}

.-elearning-intro > .-container > .-elearning-intro-body > h2 {
    font-size: 22px;
    opacity: .8;
    font-weight: 400;
    margin-bottom: 10px;
}

.-elearning-intro > .-container > .-elearning-intro-body > h1 {
    font-size: 61px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 60px;
}

.-elearning-intro > .-container > .-elearning-intro-screen-outer {
    max-width: 440px;
    margin-top: -70px;
    align-self: end;
    margin-inline-start: 40px;
}

scratch-label {
    color: #ffdb49;
    position: relative;
    z-index: 1;
}

scratch-label:after {
    content: '';
    height: 100%;
    width: 100%;
    background: 4px solid red;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.-statistics-boxes-items {
    display: flex;
    border: 1px solid #ffffff21;
    border-radius: var(--circularradius);
    box-shadow: var(--shadow-elevated-hover);
    background: #ffffff08;
    backdrop-filter: blur(3px);
    padding-inline: 10px;
}

.-statistics-boxes-items > .-statistics-boxes-item {
    display: flex;
    flex-wrap: wrap;
    padding-inline: 30px;
    padding-block: 30px;
    border-inline-end: 1px solid #ffffff12;
}

.-statistics-boxes-items > .-statistics-boxes-item:last-child {
    border-inline-end: 0;
}

.-statistics-boxes-items > .-statistics-boxes-item > strong {
    font-size: 32px;
    direction: ltr;
    margin-bottom: 6px;
    font-weight: 900;
    line-height: 1;
}

.-statistics-boxes-items > .-statistics-boxes-item > p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.-statistics-boxes-items > .-statistics-boxes-item > p > strong {
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 2px;
}

.-statistics-boxes-items > .-statistics-boxes-item > p > span {
    font-size: 16px;
    opacity: .8;
    font-weight: 300;
    padding-top: 4px;
    line-height: 1.5;
}

.-elearning-intro-buttons {
    display: flex;
    margin-top: 34px;
}

.-elearning-intro-buttons > .-button-ui.-ui-secondary {
    color: var(--textcolor);
    background: white;
    font-size: 17px;
    border-color: transparent;
    padding-inline: 26px;
    border-radius: var(--circularradius);
}

.-elearning-home-sections-item-features-body-title {
    text-align: center;
    margin-bottom: 50px;
}

.-elearning-home-sections-item-features-body-title > h2 {
    font-weight: 900;
    font-size: 38px;
    margin: 0;
}

ul.-features-gridboxes {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}

ul.-features-gridboxes > li {
    flex: 1;
    background: white;
    border: 1px solid var(--divider);
    margin: 20px;
    border-radius: var(--circularradius);
    box-shadow: var(--shadow-elevated-hover);
    padding: 30px 40px;
    display: flex;
    align-items: center;
    min-width: 360px;
}

ul.-features-gridboxes > li > .-features-gridboxes-item-icon {
    width: 70px;
    margin-inline-end: 30px;
}

ul.-features-gridboxes > li > .-features-gridboxes-item-body {
    flex: 1;
}

ul.-features-gridboxes > li > .-features-gridboxes-item-body > strong {
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 500;
}

ul.-features-gridboxes > li > .-features-gridboxes-item-body > p {
    font-size: 16px;
    margin: 0;
    color: var(--secondarytext);
    font-weight: 300;
    line-height: 1.45;
}

ul.-features-gridboxes > li > .-features-gridboxes-item-icon > img {
    height: 100%;
}

.-chapters-items {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
    justify-content: center;
    text-align: start;
}

.-chapters-items.-carousel {
    margin: 0;
    display: block;
}

.-chapters-items.-carousel .owl-item {
    display: inline-block;
    vertical-align: 0;
}

.-dashboard-body-widget-body .-chapters-items {
    justify-content: start;
}

.-chapters-items.-lessons-ui.-homework-container {
    margin: -12px;
}

.-chapters-items .-chapter-grid-item {
    background: linear-gradient(#ffffff96, #ffffffad);
    margin: 20px;
    flex: 1;
    border: 2px solid var(--divider-hover);
    border-radius: var(--circularradius);
    box-shadow: var(--shadow-elevated-hover);
    position: relative;
    min-height: 180px;
    display: flex;
    align-items: center;
    padding: 0px 30px;
    transition: 300ms all ease;
    max-width: 420px;
    min-width: 360px;
}

a.-chapter-grid-item.-examination .-lessonpage-root-homework-progress {
    padding-top: 20px;
}

.-chapters-items.-lessons-ui .-chapter-grid-item {
    padding-inline: 40px;
    padding-block: 36px;
    align-items: inherit;
}

.-chapters-items.-lessons-ui .-chapter-grid-item.-homework-item {
    padding: 30px 30px;
    min-height: inherit;
    box-shadow: var(--shadow-elevated);
    border-width: 1px;
    margin: 12px;
    border-color: var(--divider);
    flex-direction: column;
}

.-chapters-items .-chapter-grid-item:hover {
    border-color: var(--uicolor-1) !important;
    transition: 50ms all ease;
    box-shadow: var(--shadow-elevated-hover), 0 0 0 3px #b7332c36 !important;
    background-color: white !IMPORTANT;
}

.-chapters-items .-chapter-grid-item .-chapter-grid-item-teacher-image {
    width: 120px;
    filter: grayscale(1);
    transition: 150ms all linear;
    align-self: end;
    margin-inline-start: 15px;
    transform-origin: bottom;
}

.-chapters-items .-chapter-grid-item:hover .-chapter-grid-item-teacher-image {
    filter: grayscale(0);
    transition: 100ms all ease;
    transform: scale(1.1);
}

.-chapters-items .-chapter-grid-item  .-chapter-grid-item-body {
    display: flex;
    flex-direction: column;
    color: var(--textcolor-2);
    padding-block: 40px 30px;
    flex: 1;
}

.-chapters-items.-lessons-ui .-chapter-grid-item-body {
    padding-block: 10px;
}

.-chapters-items .-chapter-grid-item .-chapter-grid-item-body > strong {
    font-size: 24px;
    margin-bottom: 4px;
    font-weight: 600;
}

a.-chapter-grid-item.-examination .-chapter-grid-item-body > strong {
    font-size: 20px;
}

.-chapters-items.-lessons-ui .-chapter-grid-item .-chapter-grid-item-body > strong {
    font-size: 22px;
    margin-top: auto;
    margin-bottom: 0;
    font-weight: 500;
}

.-chapters-items .-chapter-grid-item .-chapter-grid-item-body > i {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 500;
}

.-chapters-items.-lessons-ui .-chapter-grid-item .-chapter-grid-item-body > i {
    font-size: 60px;
    color: var(--uicolor-1);
    font-weight: 300;
}

ul.-chapter-grid-item-body-info {
    list-style: none;
}

ul.-chapter-grid-item-body-info > li {
    font-size: 13px;
    display: flex;
    list-style: none;
    color: var(--secondarytext-2);
}

ul.-chapter-grid-item-body-info > li > strong {
    font-weight: 500;
    margin-inline-end: 7px;
}

ul.-chapter-grid-item-body-info > li > p {
    margin: 0;
    font-weight: 500;
}
.-elearning-home-sections-item {
    padding-block: 90px;
}

.-elearning-home-sections-item.-chapters-rootsection {
    overflow: hidden;
}

.-elearning-home-sections-item.-fullpage {
    min-height: 100vh;
}
ul.-faqs-list-container {
    display: flex;
    flex-direction: column;
    max-width: 800px;
    margin: 0 auto;
}

ul.-faqs-list-container > .-faqs-list-container-item {
    margin-block: 7px;
    background: white;
    border: 1px solid var(--divider);
    border-radius: var(--largeradius);
    box-shadow: var(--shadow-elevated);
    transition: 300ms all ease;
    user-select: none;
}

ul.-faqs-list-container > .-faqs-list-container-item:hover {
    border-color: var(--divider-hover);
    transition: 70ms all ease;
}

ul.-faqs-list-container > .-faqs-list-container-item.-opened {
    border-color: var(--divider-hover);
}

ul.-faqs-list-container > .-faqs-list-container-item > .-faqs-list-container-item-heading {
    display: flex;
    justify-content: space-between;
    padding: 17px 28px;
    cursor: pointer;
    color: var(--secondarytext);
    transition: 150ms all ease;
}

ul.-faqs-list-container > .-faqs-list-container-item.-opened > .-faqs-list-container-item-body {}

ul.-faqs-list-container > .-faqs-list-container-item.-opened > .-faqs-list-container-item-heading {
    box-shadow: 0px 1px var(--divider-hover);
    color: var(--textcolor);
}
ul.-faqs-list-container > .-faqs-list-container-item > .-faqs-list-container-item-body {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
}

ul.-faqs-list-container > .-faqs-list-container-item > .-faqs-list-container-item-body > .-faqs-list-container-item-body-content {
    padding: 30px;
}

ul.-faqs-list-container > .-faqs-list-container-item > .-faqs-list-container-item-body > .-faqs-list-container-item-body-content > *:last-child {
    margin-bottom: 0;
}

ul.-faqs-list-container > .-faqs-list-container-item > .-faqs-list-container-item-heading > strong {
    font-size: 17px;
    font-weight: 500;
}

ul.-faqs-list-container > .-faqs-list-container-item > .-faqs-list-container-item-heading > i {
    font-size: 20px;
    align-self: center;
    rotate: 90deg;
    transition: 150ms all ease;
}

ul.-faqs-list-container > .-faqs-list-container-item.-opened > .-faqs-list-container-item-heading > i {
    rotate: 0deg;
    color: var(--uicolor-1);
}

.-footerbody-menu {
    display: flex;
    margin: -25px;
    flex-wrap: wrap;
}

footer {
    background: linear-gradient(45deg, #121212, #222222);
    padding-block: 90px 60px;
    color: white;
}

.-footerbody-menu > .-footerbody-menu-widget-container {
    flex: 1;
    margin: 25px;
}

.-footerbody-menu > .-footerbody-menu-widget-container.-social-widget {
    flex: inherit;
    width: 320px;
}

.-footerbody-menu > .-footerbody-menu-widget-container > h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

.-footerbody-menu > .-footerbody-menu-widget-container.-about-widget {
    max-width: 400px;
}

.-footerbody-menu > .-footerbody-menu-widget-container.-about-widget > .-logo {
    width: 200px;
    margin-bottom: 20px;
}

.-footerbody-menu-about-content {
    font-weight: 300;
    line-height: 1.5;
    font-size: 15px;
    opacity: .7;
}

.-footerbody-copyrights {
    text-align: center;
    font-size: 13px;
    padding-top: 50px;
    opacity: .5;
    font-weight: 300;
}

.-footerbody-menu-menu-list {
    margin: -12px;
}

.-footerbody-menu-menu-list ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.-footerbody-menu-menu-list ul li {
    flex: 1;
    min-width: 230px;
}

.-footerbody-menu-menu-list ul li > a {
    display: block;
    font-size: 16px;
    color: white;
    padding: 12px;
    opacity: .7;
    transition: 100ms all ease;
    font-weight: 500;
}

.-footerbody-menu-menu-list ul li > a:hover {
    opacity: 1;
}

.-footerbody-menu-social_media-list {
    display: flex;
    flex-wrap: wrap;
}

.-footerbody-menu-social_media-list > a {
    flex: 1;
    transition: 150ms all ease;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff82;
    font-size: 27px;
    height: 56px;
    margin: -.5px;
    background: #ffffff08;
    margin: 6px;
    border-radius: var(--circularradius);
}

.-footerbody-menu-social_media-list > a:hover {
    background: #ffffff14;
    color: white;
    transition: 80ms all ease;
}

.-archive-tabs {
    display: inline-flex;
    justify-content: center;
    margin-bottom: 80px;
    flex-wrap: wrap;
    border-radius: var(--circularradius);
    box-shadow: var(--shadow-elevated-hover);
}

.-archive-tabs > a {
    padding: 12px 20px;
    border: .5px solid var(--divider-light-2);
    margin: -.5px;
    font-size: 16px;
    color: var(--secondarytext);
    font-weight: 500;
}

.-archive-tabs > a:first-child {
    border-start-start-radius: var(--circularradius);
    border-end-start-radius: var(--circularradius);
    padding-inline-start: 30px;
}

.-archive-tabs > a:last-child {
    border-start-end-radius: var(--circularradius);
    border-end-end-radius: var(--circularradius);
    padding-inline-end: 30px;
}

.-archive-tabs > a.-selected {
    background: var(--uicolor-1);
    box-shadow: 0px 11px 20px #b7332c1f;
    color: white;
    border-color: var(--uicolor-1);
}

.-lessonpage-root {
    display: flex;
    flex-wrap: wrap;
    max-width: 1530px;
    margin: 60px auto;
    border: 1px solid var(--divider);
    border-radius: var(--largeradius);
    background: white;
    box-shadow: var(--shadow-elevated-hover);
}

.-lessonpage-root.-examination-lessonpage {
    flex-direction: column;
    max-width: 900px;
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
}

.-lessonpage-root.-examination-lessonpage .-lessonpage-root-homework-progress-body > .-lessonpage-root-homework-progress-track > em {
    background: var(--positive);
}

.-lessonpage-root.-examination-lessonpage .-lessonpage-root-homework {
    background: transparent;
    border: 0;
    border-radius: 0;
}

.-lessonpage-root.-examination-lessonpage > div.-lessonpage-root-page {
    border: 1px solid var(--divider);
    border-radius: var(--largeradius);
    background: white;
    box-shadow: var(--shadow-elevated-hover);
    margin-bottom: 40px;
}

.-lessonpage-root > .-lessonpage-root-page {
    flex: 1;
    border-inline-end: 1px solid var(--divider-light-2);
}

.-lessonpage-root > .-lessonpage-root-sidebar {
    max-width: 420px;
    flex: 1;
    align-self: start;
    position: sticky;
    top: 0;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-video {
    position: relative;
    padding-top: 56%;
    background: black;
    border-radius: 0 var(--largeradius) 0 0;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-video > .video-js {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body {
    padding: 40px 40px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-video > iframe {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-breadcrumbs {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--alinks);
    margin-bottom: 8px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-breadcrumbs > i {
    padding-inline: 14px;
    font-size: 12px;
    padding-top: 2px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-breadcrumbs > a {
    color: inherit;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-content {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    padding-top: 13px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-content > *:last-child {
    margin-bottom: 0;
}

.video-js .vjs-time-tooltip, .video-js .vjs-volume-tooltip {white-space:nowrap;font-size: 14px !important;}

.video-js .vjs-time-control {
    font-size: 14px;
    padding-inline: 24px;
}

.-userarea-logged-in {
    position: relative;
}

.-userarea-logged-in > .-userarea-logged-in-dropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 0;
    background: white;
    border: 1px solid var(--divider-hover);
    border-radius: var(--largeradius);
    padding-block: 10px;
    min-width: 250px;
    margin-top: 20px;
    box-shadow: var(--shadow-elevated-hover);
    transform: translate(0px, 20px);
    opacity: 0;
    visibility: hidden;
}

.-userarea-logged-in.-opened-dropdown > .-userarea-logged-in-dropdown {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
    transition: 100ms all ease;
}

.-userarea-logged-in.-opened-dropdown > .-userarea-logged-in-button {
    background: white;
    color: var(--uicolor-1);
    box-shadow: var(--shadow-elevated-hover);
    border-color: var(--uicolor-1);
}

.-userarea-logged-in.-opened-dropdown > .-userarea-logged-in-button:after {
    display: none;
}

.-userarea-logged-in > .-userarea-logged-in-dropdown:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 7px 10px 7px;
    border-color: transparent transparent var(--divider-hover) transparent;
    transform: rotate(0deg);
    position: absolute;
    bottom: 100%;
    left: 50px;
}

.-userarea-logged-in > .-userarea-logged-in-dropdown > a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding-inline: 30px;
    padding-block: 15px;
    color: var(--textcolor-2);
    border-bottom: 1px solid #d9d9da8c;
}

.-userarea-logged-in > .-userarea-logged-in-dropdown > a.-logout {
    color: var(--negative);
}

.-userarea-logged-in > .-userarea-logged-in-dropdown > a:last-child {
    border-bottom: 0;
}

.-userarea-logged-in > .-userarea-logged-in-dropdown > a > i {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-inline-end: 15px;
    font-weight: 400;
}

.-userarea-logged-in > .-userarea-logged-in-dropdown > a > span {
    flex: 1;
    font-size: 16px;
}

.-userarea-logged-in > .-userarea-logged-in-button {
    display: flex;
    align-items: center;
    height: 40px;
    padding-inline: 16px;
    border: 1px solid var(--divider-hover);
    border-radius: var(--circularradius);
    color: var(--secondarytext);
}

.-userarea-logged-in > .-userarea-logged-in-button > span {
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-userarea-logged-in > .-userarea-logged-in-button > i {
    margin-inline-start: 15px;
}

form.-buy-lesson-container {
    position: absolute;
    bottom: var(--padding);
    right: var(--padding);
    left: var(--padding);
    --padding: 30px;
    background: #ffffffe0;
    backdrop-filter: blur(11px);
    padding: 24px 30px;
    display: flex;
    border-radius: var(--largeradius);
    box-shadow: 0px 21px 50px #00000047;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-video > .video-js.vjs-playing ~ form.-buy-lesson-container {
    opacity: 0;
    visibility: hidden;
    transition: 200ms all ease;
}

form.-buy-lesson-container > * {
    margin: 10px;
}

form.-buy-lesson-container > .-buy-lesson-container-buttons {
    display: flex;
    align-items: end;
    margin: 4px;
}

form.-buy-lesson-container > .-buy-lesson-container-buttons > .-button-ui {
    height: 52px;
    font-size: 17px;
    margin: 6px;
    padding-inline: 26px;
}

form.-buy-lesson-container > .-buy-lesson-container-body {
    flex: 1;
}

form.-buy-lesson-container > .-buy-lesson-container-body > .-buy-lesson-container-heading {
    font-size: 22px;
    margin-bottom: 12px;
    font-weight: 600;
}

form.-buy-lesson-container > .-buy-lesson-container-body > .-buy-lesson-container-heading > i {
    vertical-align: 0px;
    padding-inline-start: 10px;
}

form.-buy-lesson-container > .-buy-lesson-container-body > input {
    width: 100%;
    height: 52px;
    font-size: 18px;
    padding-inline: 20px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-breadcrumbs > em.-duration {
    background: black;
    font-style: normal;
    color: white;
    height: 26px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    padding-inline: 10px 11px;
    margin-inline-end: 20px;
    border-radius: var(--circularradius);
    font-weight: 400;
}

.-lessonpage-root-sidebar-chaper-lessons {}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-heading {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body {
    overflow: auto;
    max-height: calc(100vh - 87px);
    border-block: 1px solid var(--divider-light-2);
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a {
    display: flex;
    padding: 20px 30px;
    align-items: center;
    color: var(--secondarytext);
    border-top: 1px solid var(--divider-light-2);
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a:first-child {
    border-top: 0;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a.-selected {
    background: #9f3e3014;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-heading > * {
    font-size: 20px;
    color: black;
    padding-inline: 8px;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-heading > a:hover {
    color: var(--uicolor-1);
    text-decoration: underline;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a > .-lessonpage-root-sidebar-chaper-lessons-thumb {
    width: 50px;
    height: 50px;
    margin-inline-end: 20px;
    border-radius: var(--circularradius);
    color: var(--uicolor-1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    padding-inline-end: 4px;
    border: 2px solid var(--uicolor-1);
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a.-selected > .-lessonpage-root-sidebar-chaper-lessons-thumb {
    background: var(--uicolor-1);
    color: white;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a > .-lessonpage-root-sidebar-chaper-lessons-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a > .-lessonpage-root-sidebar-chaper-lessons-body > strong {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--textcolor-2);
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a.-selected > .-lessonpage-root-sidebar-chaper-lessons-body > strong {
    color: var(--textcolor);
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a > .-lessonpage-root-sidebar-chaper-lessons-body > .-lessonpage-root-sidebar-chaper-lessons-body-infobar {
    display: flex;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a > .-lessonpage-root-sidebar-chaper-lessons-body > .-lessonpage-root-sidebar-chaper-lessons-body-infobar > em.-duration {
    display: flex;
    font-style: normal;
    border: 1px solid black;
    color: black;
    align-items: center;
    height: 19px;
    padding-inline: 6px 7px;
    padding-top: 2px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 12px;
    border-radius: var(--circularradius);
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body > a.-selected > .-lessonpage-root-sidebar-chaper-lessons-body > .-lessonpage-root-sidebar-chaper-lessons-body-infobar > em.-duration {
    background: black;
    color: white;
    font-weight: 300;
}

.-payment-methods-root-tabs {
    display: flex;
    margin: -7px -7px 20px;
    flex-wrap: wrap;
}

.-payment-methods-root-tabs > .-payment-methods-root-tabs-item {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--divider);
    padding: 16px;
    align-items: start;
    border-radius: var(--largeradius);
    margin: 7px;
    box-shadow: var(--shadow-elevated);
    padding-inline-end: 30px;
    color: var(--secondarytext);
    white-space: nowrap;
}

.-payment-methods-root-tabs > .-payment-methods-root-tabs-item.-selected {
    background: #b7332c24;
    border-color: var(--uicolor-1);
    color: var(--uicolor-1);
}

.-payment-methods-root-tabs > .-payment-methods-root-tabs-item > img {
    height: 50px;
    margin-bottom: 10px;
}

.-payment-methods-root-tabs > .-payment-methods-root-tabs-item > strong {
    font-size: 16px;
    font-weight: 600;
}

.-payment-methods-root-body {}

.-payment-methods-root-body > .-payment-methods-root-tabs-body {
    display: none;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 300;
}

.-payment-methods-root-body > .-payment-methods-root-tabs-body strong, .-payment-methods-root-body > .-payment-methods-root-tabs-body b {
    font-weight: 500;
}

.-payment-methods-root-body > .-payment-methods-root-tabs-body * {
    margin: revert;
    padding: revert;
    list-style: revert;
}

.-payment-methods-root-body > .-payment-methods-root-tabs-body > *:last-child {
    margin-bottom: 0;
}

.-payment-methods-root-body > .-payment-methods-root-tabs-body.-selected {
    display: block;
}

.-payment-methods-root-body > .-payment-methods-root-tabs-body.-selected > h2 {
    font-size: 20px;
}

.-talk-to-us-root {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: -15px;
}

.-talk-to-us-root > svg {
    font-size: 130px;
    margin-bottom: 20px;
    color: #6CC056;
}

.-talk-to-us-root > h2 {
    font-weight: 700;
    font-size: 28px;
}

.-talk-to-us-root > p {
    font-size: 17px;
    max-width: 360px;
    margin: 0 auto 30px;
    font-weight: 400;
    color: var(--secondarytext);
}

.-talk-to-us-root > a.-button-ui {
    background: #313c2e;
    color: white;
    font-size: 16px;
    padding-block: 12px;
    max-width: 260px;
    margin: 0 auto;
    box-shadow: 0px 11px 10px #48584421;
}

.-instantform-header > .-instantform-header-content > h2 > strong.-lesson-price {
    padding-inline-start: 14px;
    color: var(--uicolor-1);
}

.-lessonpage-root > .lessonAlert {
    min-width: 100%;
    display: flex;
    border-bottom: 1px solid var(--divider);
    font-size: 20px;
    padding: 26px 30px;
    align-items: center;
    border-radius: var(--largeradius) var(--largeradius) 0 0;
}

.-lessonpage-root > .lessonAlert.lessonAlert-danger {color: #4a0707;background: #c7212121;border-color: #4400001a;}

.-lessonpage-root > .lessonAlert.lessonAlert-danger > svg {
    color: #c72121;
}
.-lessonpage-root > .lessonAlert.lessonAlert-success {color: #04220c;background: #58bd732b;border-color: #4400001a;}

.-lessonpage-root > .lessonAlert.lessonAlert-success > svg {
    color: #0da134;
}

.-lessonpage-root > .lessonAlert > svg {
    width: 32px;
    height: auto;
    margin-inline-end: 22px;
}

.-lessonpage-root > .lessonAlert > p {
    margin: 0;
    font-weight: 500;
}

.-lessonpage-root-homework {
    background: #b7332c0f;
    border-top: 1px solid #2804022b;
    border-radius: 0 0 var(--largeradius) 0;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-heading {
    padding-inline: 40px;
    padding-block: 32px 0;
    display: flex;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body {
    padding-block: 0 0;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-submit {
    display: flex;
    padding: 20px 40px 40px;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-heading > h2 {
    font-size: 26px;
    font-weight: 600;
    color: #401210;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item {
    padding-inline: 40px;
    padding-block: 23px;
}

.-instantform-body.-lessonpage-root-homework .-lessonpage-root-homework-body-item {
    padding-inline: 30px;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > strong {
    display: block;
    font-size: 18px;
    margin-bottom: 17px;
    font-weight: 500;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > strong > em {
    font-style: normal;
    font-weight: 200;
    opacity: .7;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers {
    display: flex;
    margin: -10px -20px;
    flex-wrap: wrap;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label {
    margin: 10px 20px;
    position: relative;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label.-wrong-choice {
    --uicolor-1: #cf2020;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > p {
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--uicolor-1-dark);
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > p > i {
    width: 22px;
    height: 22px;
    border: 1px solid var(--uicolor-1-dark);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    margin-inline-end: 10px;
    padding-top: 2px;
    font-size: 13px;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > p > span {
    font-weight: 400;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input[disabled] {
    cursor: not-allowed;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input[correct-answer] ~ p > i {}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input:checked ~ p {
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input[correct-answer] ~ p > i {
    background: var(--uicolor-1);
    color: white;
    border-color: var(--uicolor-1);
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input[correct-answer] ~ p > span {
    color: var(--uicolor-1);
}
.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input[correct-answer] ~ p {
    --uicolor-1: #349d75;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input:checked ~ p > i {
    background: var(--uicolor-1);
    color: white;
    border-color: var(--uicolor-1);
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label:hover > p > i {
    box-shadow: 0 0 0 5px #5c0d0814;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > .-lessonpage-root-homework-body-item-answers > label > input:checked ~ p > span {
    color: var(--uicolor-1);
}

.-lessonpage-root-homework-progress-body {
    display: flex;
    align-items: center;
    flex: 1;
}

a.-chapter-grid-item.-examination .-lessonpage-root-homework-progress .-lessonpage-root-homework-progress-body {
}

.-lessonpage-root-homework-progress-body > span {
    font-size: 22px;
    font-weight: 600;
    width: 80px;
}

a.-chapter-grid-item.-examination .-lessonpage-root-homework-progress .-lessonpage-root-homework-progress-body > span {
    font-size: 16px;
    width: 60px;
    line-height: 1;
}

.-lessonpage-root-homework-progress {
    flex: 1;
    max-width: 320px;
}

.-chapters-items.-lessons-ui .-chapter-grid-item.-homework-item .-lessonpage-root-homework-progress {
    max-width: inherit;
    margin-top: auto;
    display: flex;
}

.-lessonpage-root-homework-progress-body > .-lessonpage-root-homework-progress-track {
    flex: 1;
    height: 8px;
    background: var(--light-accent);
    display: flex;
    margin-top: 3px;
}

.-lessonpage-root-homework-progress-body > .-lessonpage-root-homework-progress-track > em {
    width: var(--percentage);
    background: var(--uicolor-1);
    margin-top: -3px;
}

.-lessonpage-root-navigator {
    display: flex;
    background: white;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid var(--divider-light-2);
}

.-lessonpage-root-navigator > a {
    flex: 1;
    display: flex;
    align-items: center;
    color: var(--textcolor);
    padding: 20px 14px;
    font-size: 17px;
}

.-lessonpage-root-navigator > a > i {
    padding-inline: 20px;
}

.-lessonpage-root-navigator > a.-prev-lesson {
    justify-content: start;
    border-inline-end: 1px solid var(--divider-light-2);
}

.-lessonpage-root-navigator > a.-next-lesson {
    justify-content: end;
    color: var(--uicolor-1);
}

a.-previous-lesson-examination {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 150;
}

required-label {
    background: #db3a3a;
    font-size: 12px;
    vertical-align: 2px;
    margin-inline-start: 10px;
    font-weight: 400;
    color: white;
    height: 21px;
    display: inline-flex;
    align-items: center;
    padding-inline: 9px;
    border-radius: var(--circularradius);
}

.-instantform-body.-lessonpage-root-homework > .alert {
    margin-inline: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}

.-instantform-footer .-lessonpage-root-homework-progress {
    margin-inline-end: auto;
    --uicolor-1: var(--positive);
    max-width: inherit;
}

.-elearning-home-sections-item-body {
    text-align: center;
}

.-page-container-body {
    background: white;
    padding: 30px 40px 40px 40px;
    border: 1px solid var(--divider-light-2);
    box-shadow: var(--shadow-elevated-hover);
    margin-block: 40px;
    border-radius: var(--largeradius);
}

.-page-container-body > .-page-container-body-header {
    font-size: 34px;
    margin-bottom: 30px;
    font-weight: 800;
}

.-page-container-body > .-page-container-body-content {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
}

.-page-container-body > .-page-container-body-content a {
    color: #096aa5;
}

.-page-container-body > .-page-container-body-content * {
    margin: revert;
    padding: revert;
    list-style: revert;
}

.-page-container-body > .-page-container-body-content > *:first-child {
    margin-top: 0;
}

.-page-container-body > .-page-container-body-content > *:last-child {
    margin-bottom: 0;
}

form.-elearning-contact-us-root {
    padding-block: 40px;
}

form.-elearning-contact-us-root.-login-form {
    padding-block: 90px;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-inner form.-elearning-contact-us-root {padding: 0;}

form.-elearning-contact-us-root > .-container {max-width: 1200px;}

form.-elearning-contact-us-root > .-container > .-elearning-pag-heading {
    margin-bottom: 30px;
}

form.-elearning-contact-us-root.-login-form .-elearning-pag-heading {
    text-align: center;
}

form.-elearning-contact-us-root > .-container > .-elearning-pag-heading > h1 {
    font-weight: 800;
    font-size: 30px;
}

.-elearning-contact-us-body {
    background: white;
    border: 1px solid var(--divider);
    border-radius: var(--largeradius);
    padding: 40px;
    box-shadow: var(--shadow-elevated-hover);
}

form.-elearning-contact-us-root.-login-form .-elearning-contact-us-body {max-width: 500px;margin: 0 auto;padding-block: 20px 12px;}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-inner form.-elearning-contact-us-root .-elearning-contact-us-body {
    padding: 0;
    box-shadow: 0 0 0;
    border: 0;
    background: transparent;
}

.-elearning-contact-us-body > .-elearning-contact-us-form > div.-elearning-contact-us-row {
    margin-bottom: 30px;
    break-inside: avoid;
}

.-elearning-contact-us-body > .-elearning-contact-us-form.-login-ui > .-elearning-contact-us-row {
}

.-elearning-contact-us-body > .-elearning-contact-us-form.-login-ui > .-elearning-contact-us-row:last-child {
    margin-bottom: 9px;
}

.-elearning-contact-us-body > .-elearning-contact-us-form.-login-ui > .-elearning-contact-us-row > label > strong {
    font-size: 16px;
}

.-elearning-contact-us-body > .-elearning-contact-us-form > div.-elearning-contact-us-row > label {
    display: flex;
    flex-direction: column;
}

.-elearning-contact-us-body > .-elearning-contact-us-form > div.-elearning-contact-us-row > label > strong {
    margin-bottom: 8px;
    font-weight: 500;
}

.-elearning-contact-us-body > .-elearning-contact-us-form > div.-elearning-contact-us-row > label > strong > required-label {
    background: transparent;
    padding: 0;
    color: #db3a3a;
    font-size: 14px;
    margin-inline-start: 8px;
    vertical-align: 0px;
}

.-elearning-contact-us-body > .-elearning-contact-us-form > div.-elearning-contact-us-row > label > [inputkit] {
    width: 100%;
    padding-block: 10px;
    padding-inline: 18px;
    font-size: 15px;
}

.-elearning-contact-us-body > .-elearning-contact-us-form {columns: 2 200px;column-gap: 30px;}

.-elearning-contact-us-body > .-elearning-contact-us-form.-login-ui {
    display: flex;
    columns: inherit;
    column-gap: 0;
    flex-direction: column;
    max-width: 450px;
    margin: 0 auto;
    padding-block: 20px;
}

.-dashboard-root-container {
    max-width: 1600px;
    margin: 0 auto;
}

.-dashboard-root-body > .-dashboard-root-container {
    display: flex;
    background: white;
    border: 1px solid var(--divider-light-2);
    border-radius: var(--largeradius);
    box-shadow: var(--shadow-elevated-hover);
    padding-inline-start: 20px;
    flex-wrap: wrap;
}

.-dashboard-root > .-dashboard-root-header > .-dashboard-root-container {
    display: flex;
    align-items: end;
}
.-dashboard-root-body {
    min-height: calc(100vh - 186px);
    padding-block: 50px;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu {
    width: 260px;
    border-inline-end: 1px solid var(--divider-light-2);
    box-shadow: 0px 27px 37px #130c3e05;
    padding-block: 20px;
    position: sticky;
    top: 0px;
    transition: 150ms all ease;
}

header.hidemenu ~ .-dashboard-root .-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu {
    top: 110px;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-inner {
    flex: 1;
    padding: 40px 40px 50px 40px;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a {
    display: flex;
    align-items: center;
    padding: 9px 22px;
    margin-block: 5px;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a.-selected {
    color: var(--uicolor-1);
    font-weight: 500;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a.-selected > i {
    font-weight: bold;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a.-logout {
    color: var(--negative);
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a:last-child {
    border-bottom: 0;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a > i {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-inline-end: 12px;
    font-weight: 400;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a > span {
    flex: 1;
    font-size: 16px;
}
.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a > span > em {
    font-style: normal;
    background: #ff3d3d;
    padding-inline: 6px;
    color: white;
    border-radius: 50px;
    font-size: 12px;
    padding-block: 2px;
    margin-inline-start: 5px;
}

.-elearning-contact-us-body > .-elearning-contact-us-form.-login-ui + .-elearning-contact-us-row {
    display: flex;
    max-width: 450px;
    margin: 0 auto;
    padding-block-end: 30px;
}

.-elearning-contact-us-body > .-elearning-contact-us-form.-login-ui + .-elearning-contact-us-row > button {
    width: 100%;
    font-size: 16px;
    padding-block: 12px;
}

.-dashboard-body-widget-header {
    display: flex;
    font-size: 18px;
    align-items: center;
    margin-bottom: 30px;
}

.-dashboard-body-widget-header > strong {
    font-weight: 500;
    font-size: 22px;
    flex: 1;
}

.-dashboard-body-widget-header > i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    margin-inline-end: 14px;
}

.-chapters-items.-lessons-ui .-chapter-grid-item.-homework-item .-chapter-grid-item-body {
    flex-direction: initial;
    align-items: center;
    margin-bottom: 20px;
    padding-block: 0 20px !important;!i;!;
}

.-chapters-items.-lessons-ui .-chapter-grid-item.-homework-item .-chapter-grid-item-body > i {
    margin: 0;
    margin-inline-end: 25px;
    width: 50px;
    height: 50px;
    font-size: 50px;
}

.-chapters-items.-lessons-ui .-chapter-grid-item.-homework-item .-chapter-grid-item-body > strong {
    margin: 0;
    font-size: 20px;
}

.-responsive-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    background: #000000a3;
    display: flex;
    visibility: hidden;
    opacity: 0;
}

.-responsive-menu > .-responsive-menu-sidebar {
    display: flex;
    flex-direction: column;
    width: calc(100vw - 50px);
    max-width: 280px;
    background: white;
    overflow: auto;
    height: 100vh;
    transform: translate(100%, 0);
    transition: 150ms all ease;
}

body.-open-menu .-responsive-menu .-responsive-menu-sidebar {
    transform: translate(0);
}

.-responsive-menu > .-responsive-menu-sidebar > .-responsive-menu-header {
    display: flex;
    padding: 14px 14px;
    border-bottom: 1px solid var(--divider-light-2);
}

.-responsive-menu > .-responsive-menu-sidebar > .-responsive-menu-body {
    flex: 1;
}

.-responsive-menu > .-responsive-menu-sidebar > .-responsive-menu-body ul {
    list-style: none;
}

.-responsive-menu > .-responsive-menu-sidebar > .-responsive-menu-body ul a {
    display: flex;
    padding: 18px 36px;
    font-size: 18px;
    color: var(--secondarytext);
}

.-responsive-menu > .-responsive-menu-sidebar > .-responsive-menu-body ul .current-menu-item a {
    box-shadow: inset -5px 0px 0px var(--uicolor-1);
    color: var(--uicolor-1);
}

.-header-menubutton {
    width: 50px;
    height: 50px;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-inline-end: 14px;
    align-self: center;
    cursor: pointer;
}

.-header-menubutton.-hide {
    color: var(--negative);
    font-weight: 300;
}

.-header-menubutton.-hide i {
    font-weight: 400;
}

.-responsive-menu > .-responsive-menu-sidebar > .-responsive-menu-header > .-logo {
    max-width: 160px;
    align-self: center;
}

body.-open-menu .-responsive-menu {visibility: visible;opacity: 1;}

.-dashboard-root {
    padding-inline: 30px;
}

a.-chapter-grid-item.-examination .-lessonpage-root-homework-progress .-lessonpage-root-homework-progress-body > .-lessonpage-root-homework-progress-track {
    height: 4px;
}

.owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.owl-nav > * {
}

.owl-nav > *.disabled {
    opacity: .5;
    pointer-events: none;
}

.owl-nav > * a {
    color: inherit;
    width: 60px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--light-accent);
    font-size: 18px;
    border-radius: var(--circularradius);
    margin-inline: 4px;
    cursor: pointer;
}

.-main-archive-title {
    font-size: 23px;
    font-weight: 600;
    color: var(--uicolor-1);
    margin-bottom: 10px;
}