.learning-school__btn, .update_regular_hours__btn {
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    background: #FFF6E0;
    border-radius: 8px;
    border: 1px solid #FFF6E0;
    color: #FF9207;
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
}

.register-plans__item.pro .learning-school__btn{
   background: #FF9207;
   color: #FFF6E0;
}
.register-plans__item.pro .learning-school__btn:hover{
   background: #d97c07!important;
}

.learning-school__btn.active, .update_regular_hours__btn.active {
    background: #FF9207;
    display: flex;
    color: #fff;
}

.learning-school__btn.cancel, .update_regular_hours__btn.cancel {
    -webkit-appearance: button;
    background: #DDE6EA;
    border-color: #DDE6EA;
    color: #707B8B;
}

.learning-school__btn:hover, .update_regular_hours__btn:hover {
    background: #FF9207 !important;
    border-color: #FF9207 !important;
    box-shadow: 0 8px 24px rgba(255, 92, 0, 0.36);
    color: #fff !important;
}

.learning-school__btn svg, .update_regular_hours__btn svg {
    height: 24px;
    width: auto;
    margin-right: 10px;
}

.learning-school__login {
    margin-top: 40px;
}

.learning-school__login .group-description,
.learning-school__register .group-description {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #707B8B;
    margin-top: 32px;
}

.learning-school__login .group-description a,
.learning-school__register .group-description a {
    color: #18386B;
    font-weight: bold;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.group-row {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.group-item {
    margin-bottom: 12px;
    position: relative;
    width: 100%;
}

.group-item.w-50 {
    width: 50%;
}

.group-item label.title {
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #02161E;
    margin-bottom: 8px;
}

.group-item input,
.group-item select,
.group-item textarea {
    height: 48px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #DDE6EA;
    border-radius: 6px;
    width: 100%;
    color: #1A1C22;
    letter-spacing: 0.02em;
    font-size: 14px;
}

.group-item textarea {
    height: 175px;
    font-weight: 300;
    font-size: 14px;
    padding: 15px;
}

.group-item input.error,
.group-item select.error,
.group-item textarea.error {
    border-color: red;
}

label.error {
    display: none !important;
}

.group-item input::placeholder {
    color: #02161E;
    opacity: 0.4;
    font-weight: 300;
}

span.show-password {
    height: 32px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #363636;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    opacity: 0.4;
}

span.show-password.open {
    opacity: 1;
}

.group-btn {
    margin-top: 12px;
}

.group-btn button {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    background: #FF9207;
    border-radius: 8px;
    border: 1px solid #FF9207;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
}

.group-btn button svg,
.group-btn button img {
    height: 20px;
    width: auto;
    margin: 0 5px;
}

.group-btn button[type="reset"] {
    -webkit-appearance: button;
    background: #DDE6EA;
    border-color: #DDE6EA;
}

.group-btn button:hover {
    background: #FF9207;
    border-color: #FF9207;
    box-shadow: 0 8px 24px rgba(255, 92, 0, 0.36);
}

.group-item__checkbox {
    position: relative;
}

.group-item__checkbox.indentation {
    margin: 24px 0;
    display: block;
}

.group-item__checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}

.group-item__checkbox span {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding-left: 24px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #233537;
}

.group-item__checkbox span::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #9DA5B0;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.group-item__checkbox .error + span::before {
    border-color: red;
}

.group-item__checkbox input:checked + span::before {
    background: #FF9207;
    border-color: #FF9207;
    box-shadow: 0 0 0 3px #fff inset;
}

.group-item__checkbox span a {
    color: #18386B;
    font-weight: bold;
}

.group-item.fargot {
    text-align: right;
}

.group-item.fargot a {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #18386B;
}

.current-time__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.current-time__box span {
    color: #18386B;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    text-transform: none;
}
#timezone_string > option{
    float: right;
    background: red;
}
#timezone_string > option::after {
    content: '*';
}
.register-plans {
    display: grid;
    gap: 32px;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 80px 0;
}
.calendar__item-person-wrapper.canceled::before{
    /* height: 2px;
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    background: #000; */
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    background: #000;
}
.calendar__item-person-wrapper.canceled_t::before{
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    background: red;
}
.calendar__item-person-wrapper.canceled{
    opacity: 0.2;
}
.register-plans__item {
    padding: 34px 20px;
    text-align: center;
    transition: all 0.3s;
    background: #fff;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, .04);
    border-radius: 12px;
    transition: all 0.3s;
    padding-top: 40px;
    position: relative;
}
.reiting.active svg{
    fill: #F9DB37;
}
.title_free {
    background: #FF9207;
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px;
    top: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
}

.current-plan .title_free {
    background: #1F63A6;
}

.title_free:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #fff;
}

.description_free {
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: #02161E;
    opacity: 1;
}

.register-plans__item:hover {
    transform: translateY(-32px);
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}

.register-plans__item .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}

.register-plans__item .description {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
    color: #233537;
}

.register-plans__item .learning-school__btn {
	width: 100%;
	font-weight: normal;
	border: 1px solid #db7b00;
}

.register-plans__item .icon {
    margin-bottom: 30px;
}

.register-plans__item .icon span {
    width: 132px;
    height: 132px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    /*margin-right: 26px;*/
    background: #fff;
    padding: 5px;
}

.register-plans__item .icon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.register-plans__item .price {
    font-size: 15px;
    color: #233537;
    margin-bottom: 8px;
}

.register-plans__item .price span {
    font-weight: bold;
    font-size: 18px;
    color: #02161E;
}

.advantage-list {
    padding: 0;
    margin-bottom: 30px;
    text-align: left;
}

.advantage-list li {
    display: block;
    margin-bottom: 12px;
    padding-left: 36px;
    color: rgba(35, 53, 55, .4);
    position: relative;
    font-size: 15px;
}

.advantage-list li span {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F6F8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.advantage-list li.true {
    color: #233537;
}

.advantage-list li.true span {
    background: #1F63A6;
}

.advantage-list li:last-child {
    margin-bottom: 0;
}

body.hidden {
    overflow: hidden;
    padding-right: 24px;
}

.moddal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;
    max-height: 100vh;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.82);
    padding: 50px 20px;
}
.modal-content__feedback{
    display: flex;
    align-items: center;
    padding: 30px 0;
    flex-wrap: wrap;
    justify-content: space-around;
}
.modal-content__feedback .item-wrapper{
    min-width: 120px;
    cursor: pointer;
}
.modal-content__feedback .item-wrapper .item-text{
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin: 24px 0;
    font-size: 20px;
    line-height: 28px;
    color: #9DA5B0;
}
.modal-content__feedback .item-image{
    display: flex;
    justify-content: center;
}

.fb-black-green{
    filter: invert(43%) sepia(96%) saturate(1237%) hue-rotate(88deg) brightness(128%) contrast(119%);
}

.fb-black-red{
    filter: invert(37%) sepia(93%) saturate(7471%) hue-rotate(356deg) brightness(91%) contrast(135%);
}

.fb-black-yellow{
    filter: invert(12%) sepia(83%) saturate(5841%) hue-rotate(244deg) brightness(87%) contrast(153%);
}


.modal-content__feedback-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    max-width: 248px;
    width: 100%;
    height: 60px;
    background: #FF9207;
    border-radius: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    border: unset;
    margin: 0 auto;
    transition: 0.4s;
}
.modal-content__feedback-textarea{
    display: none;
    border-radius: 22px;
    border: 1px solid #ccc;
    margin-bottom: 40px;
}
.modal-content__feedback-btn:disabled{
    background: #ccc;
}
 .modal-content__feedback-btn:hover{
     background: #ED4818;
 }
.modal-content__feedback-btn:disabled:hover{
    background: #ccc;
}
.moddal-overflow {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
}

.moddal-content {
    width: 100%;
    max-width: 600px;
    background: #fff;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
    display: block;
    z-index: 10;
    padding: 30px;
}

.moddal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #F3F6F8;
    border-radius: 8px;
    font-weight: 300;
    color: #9DA5B0;
}

.moddal-close:hover {
    background-color: red;
    color: #fff;
}

.moddal-close svg {
    height: 16px;
    width: 16px;
}

.age-check__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.levels .level {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    margin: 16px 0px;
    padding: 10px;
}

.levels .level-lesson {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;
    border-top: 1px solid rgba(160, 183, 195, 0.2);
}

.level-lesson__item {
    text-align: center;
    margin: 24px 0;
    width: 24.6%;
}

.level-lesson__item a {
    display: inline-flex;
}

.level-lesson__progress {
    overflow: hidden;
    height: 130px;
    width: 130px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    display: flex;
    border-radius: 50%;
    position: relative;
}

.level-lesson__progress span {
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 0;
}

.level-lesson__progress .words {
    background: #F3F6F8;
    top: 50%;
    left: 50%;
}

.level-lesson__progress .words.active {
    background: #6BD7FF;
}

.level-lesson__progress .question {
    background: #707B8B;
    top: 50%;
    right: 50%;
}

.level-lesson__progress .question.active {
    background: #ED4818;
}

.level-lesson__progress .video {
    background: #9DA5B0;
    bottom: 50%;
    right: 50%;
}

.level-lesson__progress .video.active {
    background: #FF9207;
}

.level-lesson__progress .text {
    background: #DDE6EA;
    left: 50%;
    bottom: 50%;
}

.level-lesson__progress .text.active {
    background: #F9DB37;
}

.level-lesson__progress.completed {

}

.level-lesson__progress.completed:after {
    content: '';
    width: 100%;
    height: 100%;
    /* background: url('../img/lesson-completed-new.svg') no-repeat 50%; */
    background-size: cover;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 2;
}

.level-lesson__counter {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #02161E;
    background: #fff;
    position: absolute;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.level-head__name {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
}

.level-head__icon {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDE6EA;
    border-radius: 50%;
    margin-right: 26px;
    background: #fff;
    padding: 3px;
}

.level-head__icon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.level-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.level-head__progress {
    font-family: Poppins, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.level-head__progress .linner {
    background: #F3F6F8;
    border-radius: 12px;
    display: inline-block;
    position: relative;
    width: 120px;
    height: 8px;
    overflow: hidden;
}

.level-head__progress .linner i {
    background: #6BD7FF;
    border-radius: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.list-checkbox__days {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-checkbox__day {
    flex: 1;
    text-align: center;
}

.list-checkbox__day input {
    display: none;
}

.list-checkbox__day label {
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 6px;
    display: flex;
    height: 48px;
    width: 72px;
    justify-content: center;
    align-items: center;
    color: #233537;
    font-size: 14px;
    cursor: pointer;
    background: #fff;
}

.list-checkbox__day input:checked + label {
    background: #6BD7FF;
    border-color: #6BD7FF;
    color: #fff;
}

.profile-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px;
}

.profile-content__head {
    width: 100%;
}

.profile-content__head {
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.profile-content__lev {
    text-align: right;
    flex: 0 0 180px;
}

.profile-content__lev a {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #3794CB;
    background: rgba(73, 190, 255, 0.2);
    border-radius: 8px;
    display: inline-block;
    padding: 10px 25px;
}

.profile-content__avatar {
    display: flex;
    width: 160px;
    flex: 0 0 160px;
    margin-right: 32px;
    position: relative;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    height: 160px;
    border: 4px solid #fff;
}

.profile-content__avatar img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.delete-avatar-profle {
    position: absolute;
    right: 10px;
    color: red;
}

.profile-content__avatar .avatar-form {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: rgba(29, 26, 26, 0.83);
    color: #fff;
    z-index: 1;
    display: none;
}

.profile-content__avatar .avatar-edit {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 5;
    background: url(../img/avatar-edit.png) no-repeat;
    background-size: contain;
}

.profile-content__avatar .avatar-edit.open {
    background: url(../img/avatar-close.png) no-repeat;
    background-size: contain;
}

.profile-content__avatar .add-avatar-profle {
    font-size: 12px;
    width: 66px;
    height: 24px;
    background: rgba(4, 154, 91, 0.09);
    border-radius: 4px;
    border: none;
    color: #2FD749;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    display: none;
}

.profile-content__avatar .add-avatar-profle svg {
    height: 10px;
}

.profile-content__avatar .add-avatar-profle:hover {
    background: rgba(4, 154, 91, 0.5);
}

.profile-content__avatar form {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

.profile-content__avatar label {
    text-align: center;
    color: #6BD7FF;
    font-size: 12px;
    cursor: pointer;
}

.profile-content__avatar label svg {
    height: 16px;
    width: 16px;
}

.profile-content__avatar label span {
    display: block;
}

.profile-content__avatar input {
    opacity: 0;
    visibility: hidden;
}

.profile-content__avatar .delete-avatar-profle {
    position: absolute;
    left: 0;
    color: red;
    background: #FFE3E3;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-content__avatar .delete-avatar-profle svg {
    height: 14px;
    width: 14px;
}

.group-item input:disabled,
.group-item select:disabled {
    pointer-events: none;
    background: transparent;
    color: #707B8B;
    font-size: 16px;
    height: auto;
    border: none;
    padding: 10px 0;
    font-weight: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.group-item select:disabled {
    color: #233537;
}

.group-item input:disabled + .show-password {
    display: none;
}


.profile-content__peson {
    flex: 1;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
}

.group-item.name {
    display: flex;
    gap: 10px;
}

.group-item.name input:disabled {
    width: auto;
    display: none;
}

.profile-content__peson .profile-content__title {
    display: inline-flex;
    padding: 0;
    margin: 0;
}

.profile-content__peson .profile-content__title > span {
    font-size: 28px;
    font-weight: bold;
    color: #02161E;
}

.profile-content__peson svg {
    height: 16px;
    width: 16px;
    margin-right: 8px;
}

.group-item.timezone {
    display: flex;
    align-items: center;
    margin: 0;
}

.group-item.timezone select:disabled {
    width: auto;
    padding: 0;
}

.group-item.timezone a {
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #1F63A6;
}

.profile-content__l {
    flex: 3;
}

.profile-content__r {
    flex: 2;
}

.profile-content__box {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, .04);
    border-radius: 16px;
    padding: 40px 32px;
    margin-bottom: 32px;
    position: relative;
}

.profile-content__general .group-item label.title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
}

.profile-content__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #02161E;
    border-bottom: 1px solid #F3F6F8;
    margin-bottom: 16px;
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profile-content__edit,
.profile-content__download,
.profile-cart__edit {
    display: inline-flex;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #1F63A6;
    font-weight: normal;
    align-items: center;
}

.profile-content__edit svg,
.profile-cart__edit svg {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.list-checkbox__notification {
    margin-bottom: 15px;
    display: block;
    position: relative;
    padding-left: 25px;
}

.list-checkbox__notification input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.list-checkbox__notification label {
    cursor: pointer;
    padding-left: 8px;
}

.list-checkbox__notification label span {
    width: 24px;
    height: 24px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0px;
}

.list-checkbox__notification label svg {
    width: 16px;
    height: 16px;
}

.list-checkbox__notification input:checked + label svg {
    display: block !important;
}

.list-checkbox__notification input:disabled + label {
    cursor: default;
}

.list-checkbox__notification input:disabled + label span {
    border-color: transparent;
}

.profile-content__save,
.profile-cart__save {
    background: #FFF6E0;
    border-radius: 7px;
    width: 87px;
    height: 32px;
    color: #FF9207;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    gap: 6px;
    display: none;
}

.profile-content__peson .profile-content__save {
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 99;
}

.profile-content__save svg,
.profile-cart__save svg {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.certificates-download {
    margin-top: 10px;
}

.certificates-download__item a {
    background: #3794CB;
    border: 2px solid #FFFFFF;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: flex;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -10px;
    right: 8px;
}

.certificates-download__item a svg {
    height: 12px;
    width: 12px;
}

.certificates-download {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.certificates-download__item {
    position: relative;
    width: 88px;
    height: 56px;
    background: #fff;
    border: 2px solid #F3F7FD;
    border-radius: 8px;
    margin-bottom: 32px;
    padding: 6px;
    color: #18386B;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.certificates-download__item .title {
    display: block;
    line-height: 1;
}

.certificates-download__item .title b {
    display: block;
    font-size: 20px;
}

.average-per-day b {
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 16px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1F63A6;
}

.average-per-day {
    display: inline-flex;
    flex-direction: column;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    color: #233537;
    font-weight: normal;
}

.register-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 440px;
    margin: 32px auto;
    position: relative;
}

.register-progress__item {
    color: #233537;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: #F3F6F8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #707B8B;
    line-height: 1;
}

.register-progress__item.active {
    background: #1F63A6;
    color: #fff;
}

.register-progress__liner {
    content: '';
    height: 1px;
    background: #DDE6EA;
    flex: 1;
    margin: 0 8px;
}

.register-progress__liner.active {
    background: #1F63A6;
}

#learning-school__cart {
    background: rgba(243, 247, 253, 0.4);
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 50px;
    text-align: initial;
}

#learning-school__cart .group-informer {
    color: #02161E;
    font-size: 14px;
    line-height: 24px;
}

.group-item__cart {
    display: grid;
    grid-template-columns: 5fr 1fr 1fr;
    border: 0.5px solid #707B8B;
    border-radius: 6px;
    padding-left: 15px;
}

.payment-carts .group-item__cart {
    border: 1px solid #DDE6EA;
}

.group-item__cart.error {
    border-color: red;
}

.group-item__cart input {
    padding: 0;
    border-color: transparent;
    font-weight: 300;
}

.list-checkbox__icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 16px 0;
}

.list-checkbox__icons .list-checkbox__day {
    flex: 0 0 50px;
    margin-right: 8px;
}

.list-checkbox__icons .list-checkbox__day label {
    width: 48px;
    height: 32px;
    background: #fff;
    overflow: hidden;
}

.list-checkbox__icons .cart-icon {
    background: #fff;
    width: 48px;
    height: 32px;
    border: 0.5px solid #F3F6F8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-checkbox__icons .cart-icon {
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}

.learning-school__plinfo {
    margin-bottom: 40px;
}

.learning-school__plinfo .head {
    background: #F5FCFF;
    border: 1px solid #6BD7FF;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 32px;
    color: #02161E;
    font-size: 16px;
    line-height: 24px;
    z-index: 2;
    position: relative;
}

.learning-school__plinfo p {
    margin-bottom: 8px;
    margin-top: 0;
}

.learning-school__plinfo b {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin-bottom: 16px;
}

.learning-school__plinfo span {
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
}

.learning-school__plinfo .body {
    background: #fff;
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 64px;
    display: none;
    margin-top: -32px;
}

.learning-school__plinfo .body-price {
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

.learning-school__plinfo .body-price .price span {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #02161E;
    font-style: normal;
}

.learning-school__plinfo .body-price .title {
    font-size: 24px;
    line-height: 32px;
    color: #02161E;
    font-weight: bold;
    margin-bottom: 8px;
}

.learning-school__plinfo .body-liner {
    display: block;
    width: 1px;
    background: #F3F6F8;
    height: 110px;
}

.learning-school__plinfo .show {
    width: 48px;
    height: 48px;
    left: 344px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5FCFF;
    border: 1px solid #6BD7FF;
    transform: rotate(
            180deg);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    margin-bottom: -24px;
    left: 50%;
    margin-left: -24px;
    padding-bottom: 10px;
}

.learning-school__plinfo .show svg {
    height: 8px;
    width: auto;
}

.learning-school__plinfo .show.open {
    transform: rotate(-360deg);
    background: #fff;
}

.learning-school__book {
    background: rgba(243, 247, 253, 0.4);
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 50px;
    text-align: initial;
}

.learning-school__book .box-title {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #02161E;
    margin-bottom: 16px;
}

.learning-school__book .box-title + p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #233537;
    margin-bottom: 40px;
}

.learning-school__book .group-item__time {
    display: flex;
    align-items: center;
    max-width: 250px;
    margin: 40px auto;
    gap: 36px;
}

.learning-school__book .group-item__time label.title {
    text-transform: none;
    margin: 0;
    font-size: 16px;
    color: #02161E;
}

.group-item__skip {
    text-align: center;
    margin-top: 32px;
}

.group-item__skip a {
    font-size: 16px;
    line-height: 24px;
    color: #1F63A6;
    width: 100%;
    max-width: 260px;
    height: 48px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 8px;
}

.group-item__skip a:hover {
    background: #DDE6EA;
}

.learning-school__book.success {
    padding: 150px 70px;
    background: rgba(243, 247, 253, 0.4) url('../img/pattern-bg-1.png') no-repeat top center;
    background-size: contain;
}

.learning-school__book.success .learning-school__btn {
    max-width: 400px;
    margin: 0 auto;
}

.week-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    text-align: center;
    gap: 30px;
    background: url(../img/liner-bg-week.png) repeat-x 50% -16px;
}

.week-list__day {
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-content: flex-end;
    text-align: center;
    align-items: center;
    position: relative;
}

.week-list__day i {
    width: 100%;
    display: block;
    background: url(../img/StatisticsBg.png) no-repeat bottom center;
}

.week-list__day.current i {
    opacity: 0.5;
}

.week-list__day:hover i {
    background: url(../img/StatisticsBg_Active.png) no-repeat bottom center;
    opacity: 1;
}

.week-list__day:hover,
.week-list__day.current {
    font-weight: bold;
}

.profile-content__weekly {
    position: relative;
}

.profile-content__weekly .profile-content__title {
    align-items: normal;
    border-bottom: none;
    margin-bottom: 18px;
}

.profile-content__weekly > span {
    position: relative;
    position: absolute;
    bottom: 100%;
    width: 220px;
    height: 32px;
    margin-bottom: 10px;
    border: 0.5px solid #707B8B;
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #707B8B;
    padding-left: 25px;
}

.profile-content__weekly > span span {
    margin: 0 10px;
}

.ui-widget.ui-widget-content {
    background: #FFFFFF;
    border: 0.5px solid #1F63A6;
    box-sizing: border-box;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, .4);
    border-radius: 8px;
    max-width: 360px;
    width: 100%;
    z-index: 10 !important;
}

.ui-datepicker .ui-datepicker-header {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #233537;
    background: transparent;
    border: none;
}

th.ui-datepicker-week-col,
td.ui-datepicker-week-col {
    display: none;
}

.ui-datepicker-trigger {
    margin-left: 5px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    left: 0;
    transform: translateY(-50%);
}

html .ui-datepicker .ui-datepicker-calendar td {
    padding: 0;
}

html .ui-datepicker .ui-datepicker-calendar a,
html .ui-datepicker .ui-datepicker-calendar span {
    border: none;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 4px;
    color: #233537;
}

html .ui-datepicker .ui-datepicker-calendar a.ui-state-hover,
html .ui-datepicker .ui-datepicker-current-day a {
    background: #EDF9FF;
}

html .ui-datepicker .ui-datepicker-calendar a.ui-state-highlight {
    background: #1F63A6;
    color: #fff;
}

#setup-level .moddal-content {
    max-width: 1200px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
    border-radius: 16px;
}

.setup-level__head {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    border-bottom: 1px solid #F3F6F8;
    padding-bottom: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.setup-level__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.setup-level__list .level {
    width: 220px;
    text-align: center;
    margin: 10px;
    padding: 5px;
    border-radius: 8px;
    transition: all 0.3s;
    cursor: pointer;
    padding: 30px 20px;
}
.setup-level__content h3{
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    letter-spacing: 0.02em;
    margin: 0;
    padding-bottom: 40px;
 }
.setup-level__content h5 {
    margin: 0;
    padding-top: 90px;
    padding-bottom: 16px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
}
.setup-level__list .level:hover {
    background: #F3F6F8;
}

.setup-level__list .level-head__icon {
    margin-right: 0;
    margin-bottom: 24px;
    height: 82px;
    width: 82px;
}

.setup-level__list .level-head__name {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.setup-level__list .level-head__name span {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}

.setup-level__list .level-head__name p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: #233537;
}

.payment-plans {

}

.payment-plans__item {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, .04);
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 32px 40px;
}

.payment-plans .learning-school__btn {
    border-radius: 7px;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
}

.payment-plans .learning-school__btn.cancel {
    background: #F3F6F8;
    color: #707B8B;
    border-color: #F3F6F8;
}

.payment-plans__item .profile-content__content {
    display: block;
    padding-top: 10px;
}

.payment-plans__item .icon span {
    width: 120px;
    height: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, .8);
    border-radius: 50%;
    margin-right: 26px;
    background: #fff;
    padding: 5px;
    margin-right: 50px;
}

.payment-plans__item .icon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.payment-plans__item .info {
    display: block;
    margin-top: 24px;
}

.payment-plans__item .head {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 20px;
    padding-top: 10px;
}

.payment-plans__item .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    color: #02161E;
}

.payment-plans__item .price {
    font-size: 15px;
    line-height: 20px;
    margin-left: 15px;
    font-weight: normal;
}

.payment-plans__item .price span {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}

.payment-plans__item .payment-day {
    display: inline-flex;
    font-size: 15px;
    color: #1F63A6;
    align-items: center;
}

.payment-plans__item .payment-day svg {
    height: 16px;
    width: auto;
    margin-right: 8px;
}

.payment-plans__item .button {
    margin-bottom: 32px;
}

.payment-plans__item .button a {
    width: 100%;
    height: 56px;
}

.payment-story {
    background: #FAFCFE;
    border: 0.5px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 16px;
}

.payment-story .item {
    margin-bottom: 32px;
}

.payment-story .item:last-child {
    margin-bottom: 0;
}

.payment-story .item-head {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.payment-story .item-body {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #707B8B;
}

.payment-story .item-body__cart {
    font-weight: 500;
    font-size: 16px;
}

.payment-story .item-body__cart i {
    display: inline-block;
    width: 5px;
}

#choose-plans {
    background: #F3F7FD;
}

#choose-plans .learning-school__btn.current {
    color: #9DA5B0 !important;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, .04) !important;
    background: transparent !important;
    border: 1px solid #DDE6EA !important;
}

#choose-plans .moddal-content {
    max-width: 1200px;
    background: #F3F7FD;
}

.page-header__description {
    text-align: center;
}

.calendar-teacher__nav {
    display: inline-flex;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
    border: 0.5px solid #DDE6EA;
}

.calendar-teacher__nav a {
    width: 130px;
    height: 40px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #707B8B;
    font-weight: normal;
}

.calendar-teacher__nav a.active {
    background: #1F63A6;
    color: #fff;
}

.teacher-week__item {
    padding: 20px 0;
    border-bottom: 1px dashed #DDE6EA;
    position: relative;
    display: flex;
    align-items: center;
}

.teacher-week__head {
    flex: 0 0 76px;
}

.teacher-week__head span {
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 6px;
    width: 64px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #233537;
}

.teacher-week__plus {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #1F63A6;
    display: inline-flex;
    align-items: center;
}

.teacher-week__plus svg {
    height: 14px;
    width: 14px;
}

.teacher-week__plus .hide {
    display: none;
}

.teacher-week__plus .show {
    display: inline-block;
}

.teacher-week__body {
    display: flex;
    flex: 1;
    gap: 10px;
    padding-right: 24px;
    position: relative;
}

.teacher-week__body .item {
    display: flex;
    flex: 1;
    background: #F6FCFF;
    border-radius: 6px;
    border-left: 4px solid #6BD7FF;
    height: 48px;
    align-items: center;
    justify-content: center;
    position: relative;
}

.teacher-week__body .item.open {
    border: 1px solid #1F63A6;
    background: #fff;
}

.teacher-week__body .item input {
    width: 100px;
    font-weight: 600;
    font-size: 14px;
    color: #1F63A6;
    padding: 0;
    margin: 0;
    height: auto;
    border: none;
    background: transparent;
    margin: 0 4px;
    text-align: center;
}

.teacher-week__body .item input::-webkit-input-placeholder {
    color: #233537;
    opacity: 0.2;
    font-weight: normal;
}

.teacher-week__body .item input::-moz-placeholder {
    color: #233537;
    opacity: 0.2;
    font-weight: normal;
}

.teacher-week__body .item input:-ms-input-placeholder {
    color: #233537;
    opacity: 0.2;
    font-weight: normal;
}

.teacher-week__body .item input:-moz-placeholder {
    color: #233537;
    opacity: 0.2;
    font-weight: normal;
}

.teacher-week__body .hover {
    position: absolute;
    top: 0;
    left: 0px;
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6BD7FF;
    color: #fff;
    border-radius: 6px;
    border-left: 4px solid #6BD7FF;
    visibility: hidden;
    opacity: 0;
    min-height: 60px;
    transform: translateY(-50%);
    top: 50%;
}

.teacher-week__body:hover .hover {
    visibility: visible;
    opacity: 1;
}

.teacher-week__body .hover a {
    margin: 0 10px;
    display: inline-block;
}

.teacher-week__body .hover svg {
    height: 16px;
    width: auto;
}

.teacher-week__body .hover:before {
    content: '';
    width: 1px;
    height: calc(100% - 16px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.34);;
}

.save-form {
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
    border-top: 1px solid #DDE6EA;
    padding-top: 15px;
    margin-top: 10px;
    justify-content: space-between;
}

.save-form svg {
    height: 16px;
    width: 16px;
    margin-left: 10px;
}

.save-form button {
    width: calc(50% - 8px);
    height: 44px;
    background: #049A5B;
    border-radius: 6px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.save-form a {
    width: calc(50% - 8px);
    height: 44px;
    background: #F3F6F8;
    border-radius: 6px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #707B8B;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.popup-timing {
    width: 100%;
    display: none;
}

.popup-timing.open {
    background: #FFFFFF;
    border: 1px solid rgba(31, 99, 166, 0.2);
    box-sizing: border-box;
    box-shadow: 0px 30.1616px 38.3382px rgba(0, 28, 67, .1), 0px 17.9997px 19.2259px rgba(0, 28, 67, .1), 0px 11.8413px 7.48995px rgba(0, 28, 67, .1), 0px 7.52386px 0.694863px rgba(0, 28, 67, .1), 0px 3.75382px 0px rgba(0, 28, 67, .1);
    border-radius: 6px;
    padding: 16px;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 10;
    display: block;
}

.popup-timing__view {
    width: 100%;
    display: flex;
    gap: 0 10px;
}

.popup-timing__time {
    position: relative;
    display: none;
}

.popup-timing__head {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #DDE6EA;
    padding-bottom: 15px;
    margin-bottom: 10px;
    padding-right: 80px;
    position: relative;
    width: 100%;
    text-align: left;
}

.popup-timing__clear {
    position: absolute;
    right: 0;
    top: 0%;
    font-size: 12px;
    color: #3794CB;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
}

.popup-timing__head svg {
    height: 14px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.popup-timing.open .popup-timing__time,
.popup-timing .popup-timing__time.active {
    display: inline-block;
}


.popup-timing__time label {
    border: 1px solid #F3F6F8;
    box-sizing: border-box;
    border-radius: 28px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 8px;
    color: #233537;
    cursor: pointer;
    opacity: 0.8;
}

.popup-timing .popup-timing__time.no-active label {
    opacity: 0.5;
    cursor: default;
}

.popup-timing__time input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.popup-timing__time input:checked + label,
.popup-timing__time.active label {
    border-color: #6BD7FF;
    opacity: 1;
}


.popup-timing:not(.open) .popup-timing__time {
    width: calc(25% - 5px);
    font-size: 10px;
}

.popup-timing:not(.open) .popup-timing__time label {
    margin: 0;
    margin-bottom: 5px;
    font-size: 12px;
    width: 100%;
    padding: 4px;
}

.mentors-calendar {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    padding: 24px;
}


.calendar-item {

}

.calendar-head {
    text-align: center;
    padding: 5px;
    font-weight: 700;
    font-size: 14px;
    display: none;
}

.calendar-item table {
    border-collapse: collapse;
    width: 100%;
}

.calendar-item th {
    padding: 0px;
    text-align: center;
    color: #233537;
    font-weight: normal;
    font-size: 14px;
    padding: 0 4px;
}

.calendar-item th span {
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.calendar-item td {
    padding: 12px 4px;
    text-align: center;
    border: 1px dashed #DDE6EA;
    height: 100px;
    width: calc(100% / 7);
    font-weight: 500;
    font-size: 12px;
    color: #233537;
    vertical-align: top;
}

#personal-calendars-events .calendar-item td {
    border-left: none;
    border-right: none;
}

#personal-calendars-events .calendar-day.event.last:after,
#mentors-calendars-events .calendar-day.event.last:after {
    display: none;
}

#personal-calendars-events span.count-day,
#mentors-calendars-events span.count-day {
    font-weight: 500;
    font-size: 14px;
    color: #233537;
}

#personal-calendars-events .last span.count-day,
#mentors-calendars-events .last span.count-day {
    color: #1F63A6;
    opacity: 0.4;
}

#personal-calendars-events .today span.count-day,
#mentors-calendars-events .today span.count-day {
    opacity: 1;
    color: #fff;
    height: 20px;
    width: 20px;
    font-size: 13px;
}

.calendar-day__one {
    margin-top: 8px;
    cursor: pointer;
    position: relative;
}

.last .calendar-day__one::after,
.calendar-day__one.cancel::after {
    content: '';
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent;
    cursor: default;
}

.calendar-day__one.cancel::before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #233537;
    left: 0;
    top: 50%;
    display: block;
    position: absolute;
}

.mentor-live.calendar-day__one.cancel::before {
    transform: rotate(-15deg);
}

.calendar-day__one.cancel_t {
    opacity: 0.5;
}

.calendar-day__one .show {
    padding: 0 5px;
    background: #F7FCFF;
    border-radius: 6px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #233537;
    font-size: 14px;
}

.mentor-live.calendar-day__one .show {
    display: flex;
    color: #1F63A6;
    border: 0.5px solid #1F63A6;
    box-sizing: border-box;
    border-radius: 4px;
    background: transparent;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
}

.mentor-live.calendar-day__one .show span {
    margin: 0;
    font-weight: normal;
    font-size: 8px;
}

.today .mentor-live.calendar-day__one .show {
    background: #1F63A6;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    color: #fff;
}

.today .mentor-live.calendar-day__one:nth-child(2) .show span {
    color: #fff !important;
}

.calendar-day__one.cancel .show {
    background: #FAFCFC;
}

.last .calendar-day__one > *,
.calendar-day__one.cancel > * {
    opacity: 0.5;
}

.calendar-day__one .show.open,
.mentor-live.calendar-day__one .show.open {
    background: #FFFFFF;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, .08);
    border-color: transparent;
}

.calendar-day__one span {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
}

.calendar-day__one:nth-child(2) .show span {
    color: #1F63A6;
}

.calendar-day__one:nth-child(3) .show span {
    color: #D90004;
}

.calendar-day__one:nth-child(4) .show span {
    color: #FF9207;
}

.calendar-day__one:nth-child(5) .show span {
    color: #ED4818
}

.calendar-day__one:nth-child(6) .show span {
    color: #6BD7FF;
}

.calendar-day__one:nth-child(7) .show span {
    color: #3794CB;
}

.calendar-day__one:nth-child(8) .show span {
    color: #5D5FEF;
}

.calendar-day__one:nth-child(9) .show span {
    color: #EF5DA8;
}

.calendar-day.last {
    color: #999 !important;
}

.calendar-day.today .count-day {
    background: #1F63A6;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    height: 18px;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.calendar-day.event {
    position: relative;
}

.calendar-day.event.last:after {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    display: block;
    width: 100%;
    height: 100%;
}

.calendar-popup {
    border-radius: 4px;
    min-height: 60px;
    text-align: left;
    padding: 6px;
    font-size: 9px;
    cursor: pointer;
}

.change-time {
    background: #FFFBF1;
    border-left: 4px solid #FF9207;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.calendar-popup__form {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .05), 0px 22.3363px 17.869px rgba(0, 0, 0, .04), 0px 12.5216px 10.0172px rgba(0, 0, 0, .04), 0px 6.6501px 5.32008px rgba(0, 0, 0, .03), 0px 2.76726px 2.21381px rgba(0, 0, 0, .02);
    border-radius: 16px;
    padding: 24px;
    width: 400px;
    left: 50%;
    z-index: 99;
    text-align: right;
    top: 50%;
    transform: translate(-50%, -50%);
}

.calendar-popup__form .teacher-week__body {
    padding: 0;
    display: block;
    padding-bottom: 40px;
    position: relative;
}

.calendar-popup__form .popup-timing__view {
    display: none;
}

.calendar-popup__form .teacher-week__plus {
    transform: none;
    bottom: 0;
    text-align: left;
    height: auto;
    top: inherit;
}

.calendar-popup__form .save-form {
    left: 0;
    bottom: 0;
    top: inherit;
    transform: none;
    width: 100%;
}

.calendar-popup__form .teacher-week__body .item {
    margin-top: 8px;
    background: #FFFBF1;
    border-color: #FF9207;
    color: #233537;
}

.calendar-popup__head {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #02161E;
    text-align: left;
}

.calendar-popup__form .teacher-week__body .hover {
    background: #FF9207;
    border-color: #FF9207;
}

.calendar-popup__form .teacher-week__body .item input {
    color: #02161E;
    height: 44px;
}

.calendar-popup__form .moddal-close {
    height: auto;
    width: auto;
    background: transparent !important;
    z-index: 55;
}

.calendar-popup__form .moddal-close svg {
    height: 12px;
    width: 12px;
}
.time-list-scroll{
    overflow-y: scroll;
    height: 340px;
    display: flex;
    flex-wrap: wrap;
}
.calendar-popup__form .popup-timing {
    position: relative;
    transform: none;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
}

.calendar-teacher__custom {
    display: none;
}

.calendar-popup__form .popup-timing .popup-timing__time {
    width: 33% !important;
}

.calendar-popup__form .popup-timing__time label {
    margin: 4px;
    width: calc(100% - 8px);
}

.calendars-navigation {
    display: inline-flex;
    align-items: center;
    border: 0.5px solid #707B8B;
    border-radius: 6px;
    height: 40px;
    margin-bottom: 24px;
    color: #707B8B;
    font-size: 14px;
    width: 240px;
    padding-left: 50px;
    justify-content: space-between;
    background: url("../img/ic-calendar-24.svg") no-repeat 10px 8px;
}

.calendars-navigation .current {
    flex: 1;
}

.calendars-navigation .prev {
    margin: 0 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.calendars-navigation .next {
    margin: 0 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.words {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    padding: 24px 40px;
}

.page-template-profile h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    margin: 0;
}

.page-template-profile h1 + p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 15px;
}

.students-head,
.words-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.students-head__filter,
.words-head__filter {
    display: flex;
    align-items: center;
    flex: auto;
}

.students-head__filter .group-item,
.words-head__filter .group-item {
    margin-right: 40px;
    margin-bottom: 0;
}

.students-head__filter .group-item.search,
.words-head__filter .group-item.search {
    width: 50%;
}

.students-head__filter .group-item:last-child,
.words-head__filter .group-item:last-child {
    margin-right: 0;
}

.students-head__filter .group-item__checkbox span,
.words-head__filter .group-item__checkbox span {
    font-size: 16px;
    padding-left: 32px;
}

.students-head__filter .group-item__checkbox span::before,
.words-head__filter .group-item__checkbox span::before {
    content: '';
    width: 24px;
    height: 24px;
}

.students-head__filter .search input,
.words-head__filter .search input {
    width: 100%;
    padding-left: 48px;
}

.students-head__filter button,
.words-head__filter button {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 9;
}

.students-head__filter button svg,
.words-head__filter button svg {
    height: 18px;
    width: 18px;
}

.students-head__total,
.words-head__total {
    font-size: 16px;
    color: #233537;
}

.students-head__total span,
.words-head__total span {
    font-weight: bold;
    font-size: 20px;
    color: #1F63A6;
    margin-left: 15px;
}

.students-body__table-head {
    background: #F3F6F8;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #233537;
    padding: 12px 26px;
}

.students-body__table-body .tr {
    border-bottom: 1px dashed #DDE6EA;
    padding: 12px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    flex-wrap: wrap;
}

.students-body__table-body .tr.open {
    background: #F3F6F8;
}

.students-body .td.number,
.students-body .th.number,
.words-body .td.number,
.words-body .th.number,
.words-body .td.reiting,
.words-body .th.reiting {
    flex: 0 0 60px;
    font-family: sans-serif;
}

.students-body .td.name,
.students-body .th.name {
    flex: 4;
}

.students-body .td.level,
.students-body .td.feedback,
.students-body .td.session,
.students-body .th.level,
.students-body .th.feedback,
.students-body .th.session,
.words-body .td.name,
.words-body .th.name,
.words-body .td.translation,
.words-body .th.translation,
.words-body .td.example,
.words-body .th.example {
    flex: 2;
}

.students-body .td.name,
.words-body .td.name {
    display: flex;
    align-items: center;
}

.words-body .td.name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
}

.words-body .td.name img, .words-body .td.translation img, .words-body .td.example img  {
    height: 24px;
    width: 24px;
    margin-right: 16px;
}

.js-audio-play {
    cursor: pointer;
}

.words-body .td.example {
    position: relative;
    display: flex;
}

.words-body .td.example span {
    position: relative;
    width: calc(100% - 70px);
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.words-body .td.example span:after {
    content: '';
    width: 40px;
    background: linear-gradient(45deg, transparent, white);
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    display: block;
}

.words-body .open .td.example span:after {
    background: linear-gradient(45deg, transparent, #F3F6F8);
}
.words-body .td.translation{
    position: relative;
    display: flex;
}
.words-body .td.example a, .words-body .td.translation a{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    height: 36px;
    width: 36px;
}

.words-body .td.example a:before,
.words-body .td.example a:after {
    content: '';
    display: block;
    background: #233537;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}

.words-body .td.example a:before {
    width: 12px;
    height: 1px;
}

.words-body .td.example a:after {
    width: 1px;
    height: 12px;
}

.words-body .open .td.example a:after {
    height: 0px;
}

.words-body .td.reiting {
    text-align: center;
}

.reiting svg {
    fill: #DDE6EA;
    width: 18px;
    height: 18px;
}

.words-body .td.reiting svg.active {
    fill: #F9DB37;
}

.words-body .td.sentence_full {
    width: 100%;
    padding-left: 60px;
    display: none;
}

.words-body .open .td.sentence_full {
    display: block;
}

.students-body .name-photo {
    height: 38px;
    width: 38px;
    border: 0.5px solid #A0B7C3;
    border-radius: 50%;
    overflow: hidden;
    padding: 2px;
}

.students-body .name-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.students-body .name-name {
    font-weight: 500;
    font-size: 16px;
    color: #233537;
    padding-left: 16px;
}

.students-body span.done,
.students-body span.complete {
    padding: 0 12px;
    height: 32px;
    background: #E9FFF0;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #049A5B;
    font-size: 16px;
}

.students-body span.complete {
    background: #DDF5FF;
    color: #1F63A6;
}

.students-body span.done svg,
.students-body span.complete svg {
    height: 10px;
    width: auto;
    margin-left: 5px;
}

.students-body .add-feedback {
    border: 1px solid rgba(4, 154, 91, 0.7);
    height: 32px;
    display: inline-flex;
    border-radius: 4px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
}

.students-body .session-lesson {
    display: flex;
    align-items: center;
}

.students-body .session-lesson a {
    font-weight: 500;
    font-size: 16px;
    color: #1F63A6;
    border: 1px solid #DDE6EA;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
}

.students-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.students-foot__items {
    font-size: 12px;
    color: #233537;
}

.students-foot__items span {
    border: 0.5px solid #9DA5B0;
    border-radius: 6px;
    width: 48px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}

.students-foot .page-numbers {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.students-foot .page-numbers li {
    display: inline-flex;
}

.students-foot .page-numbers li a,
.students-foot .page-numbers li span {
    width: 32px;
    height: 32px;
    display: inline-flex;
    background: transparent;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
}

.students-foot .page-numbers li a.current,
.students-foot .page-numbers li a:hover {
    background: #1F63A6;
    color: #fff;
}

.words-body__table-body {
    min-height: 200px;
    position: relative;
}

.preloader {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-loader {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #F9DB37;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.preloader-loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #18386B;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.preloader-loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #FF9207;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.calendar-popup__form.one-one {
    text-align: left;
    display: none;
    top: 100%;
    transform: translateX(-50%);
    cursor: default;
}

.one-one .learning-school__btn {
    background: #1F63A6;
    box-shadow: 0px 8px 24px rgba(0, 102, 255, 0.36);
    border-radius: 8px;
    color: #D3D8DF;
    border: none;
    text-align: center;
}

.one-one .calendar-popup__head {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
}

.one-one .calendar-popup__head > span {
    line-height: 1;
    margin-left: 0;
    margin-bottom: 25px;
    display: block;
    font-size: 16px;
}

.one-one .calendar-popup__head .time-zoom {
    font-size: 16px;
    margin-left: 0;
}

.one-one .calendar-popup__head span b {
    font-weight: 500;
}

.one-one .calendar-popup__head > b {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 6px;
    display: block;
}
.one-one .calendar-popup__head > b.one-one-teacher-name {
    font-size: 16px !important;
}

.one-one .calendar-book__cancel {
    position: absolute;
    right: 40px;
    top: 0px;
    border-radius: 8px;
    height: 32px;
    width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.one-one .calendar-book__reshedule {
    position: absolute;
    right: 65px;
    top: 0px;
    border-radius: 8px;
    height: 32px;
    width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.calendar-book__close {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 32px;
    width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.one-one .calendar-book__cancel:hover,
.calendar-book__close:hover {
    background: #E3F4FF;
}

.one-one .calendar-book__cancel svg,
.one-one .calendar-book__reshedule svg {
    height: 16px;
    width: auto;
}

.calendar-book__close svg {
    height: 12px;
    width: auto;
}

.calendar-popup__student {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.calendar-popup__student figure {
    height: 30px;
    width: 30px;
    border: 0.5px solid #A0B7C3;
    border-radius: 50%;
    overflow: hidden;
    padding: 1px;
    margin: 0;
}

.calendar-popup__student figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.calendar-popup__student span {
    color: #1F63A6;
    font-weight: 600;
    font-size: 16px;
}

.calendar-popup__zoom {
    display: flex;
    align-items: center;
}

.calendar-popup__zoom svg {
    height: 32px;
    width: auto;
    margin-right: 20px;
}

p.status {
    font-size: 14px;
}

p.status.error {
    color: #f44336;
}

.tooltip {
    position: absolute;
    left: 50%;
    background: rgba(0, 0, 0, 0.88);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, .25);
    width: 190px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #F3F6F8;
    padding: 0 15px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    text-align: center;
    font-weight: 400;
    justify-content: center;
}

.tooltip span {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    margin-right: 2px;
}

.tooltip.top-center {
    top: 0;
    transform: translate(-50%, -50%);
}

.tooltip svg {
    height: 14px;
    width: auto;
}

.tooltip.top-center::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -18px;
    border: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.88);
    transform: translateX(-50%);
}

.week-list__day:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.pus-student {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    width: 31%;
}

.pus-student__item {
    position: relative;
    margin-right: 20px;
    cursor: pointer;
    display: flex;
    align-items: baseline;
}

.pus-student__item span {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #FF9207;
    left: 100%;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

#lesson-cancel .moddal-content,
#reshedule-lesson .moddal-content, 
#update_regular_hours .moddal-content {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
    border-radius: 16px;
    max-width: 720px;
    padding: 0;
}

#reshedule-lesson .moddal-content {
    max-width: 520px;
}

.moddal-blue__head {
    background: #1F63A6;
    color: #fff;
    position: relative;
    left: 0;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 22px;
    top: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    padding-left: 40px;
    padding-right: 60px;
}

.moddal-blue__head:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #fff;
}

.moddal-blue__content {
    padding: 30px 40px;
}

.lesson-cancel__description {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
}

.lesson-cancel__bts, .update_regular_hours__bts {
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
}

.lesson-cancel__bts .learning-school__btn, .update_regular_hours__bts .update_regular_hours__btn {
    width: 240px;
    margin-left: 10px;
}

.personal-calendar__content {
    display: none;
}

.personal-calendar__content.active {
    display: table;
}

.calendar-teacher__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 24px;
}

.calendar-teacher__head .count-lessons_r {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #1F63A6;
    display: inline-block;
}

.calendar-teacher__head .count-lessons i {
    font-style: normal;
}

.personal-weekly__calendar.pwc {
    position: relative;
    background: #fff;
}

.pwc-time {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
}

.pwc-time__name {
    width: 60px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #233537;
    opacity: 0.4;
}

.pwc-week {
    display: flex;
    flex: 1;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.pwc-week:before {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    border-top: 1px dashed #DDE6EA;
    z-index: -1;
}

.pwc-week__day {
    padding: 4px;
    width: 100%;
}

.pwc-week__day > span {
    border: 1px solid #DDE6EA;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    background: #fff;
}

.current-cart__box {
    font-weight: 500;
    font-size: 16px;
}

.current-cart__box {
    padding-left: 50px;
    position: relative;
}

.current-cart__box svg {
    width: 36px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.current-cart__box svg path {
    fill: #1F63A6;
}

.current-cart__box .item-body__cart span {
    color: #707B8B;
}

.current-cart__box .item-body__cart i {
    display: inline-block;
    width: 5px;
}

.payment-carts form {
    display: none;
}

@media (max-width: 1600px) {
    .calendar-day__one .show {
        font-size: 10px;
        font-weight: 500;
    }

    .calendar-day__one .show > span {
        font-size: 10px;
    }
}

.page-student {
    background: rgba(255, 255, 255, 0.56);
    border-radius: 40px 16px 16px 16px;
    margin-bottom: 40px;
}

.page-student__head {
    position: relative;
    background: url(../img/confetti-header.svg) no-repeat top right;
    height: 154px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    text-align: left;
    padding-left: 200px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.page-student__head .avatar {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -40px;
}

.page-student__head .avatar .avatar-level {
    position: absolute;
    background: #3794CB;
    border: 2px solid #FFFFFF;
    height: 46px;
    width: 46px;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-radius: 50%;
}

.page-student__head .avatar .progress-holder {
    width: 160px;
    height: 160px;
    background: #6BD7FF;
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.08);
}

.page-student__head .avatar .progress-holder .mask {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    position: absolute;
    left: 8px;
    top: 8px;
}

.page-student__head .name {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #02161E;
}

.page-student__head .progress {
    margin-top: 16px;
}

.page-student__body {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    display: flex;
    overflow: hidden;
}

.level-nav {
    background: #F6FCFF;
    width: 150px;
    padding: 40px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.level-nav__item {
    padding: 10px 24px;
    cursor: pointer;
    opacity: 0.2;
}

.level-nav__item:hover {
    opacity: 0.8;
    background: #F3F6F8;
}

.level-nav__item.passed {
    opacity: 1;
}

.level-nav__item.current {
    color: #1F63A6;
    background: #DDF5FF;
    cursor: default;
    opacity: 1;
    border-left: 3px solid #6BD7FF;
}

.level-content {
    flex: 1;
    padding: 40px 32px;
}

.level-content__section {
    display: none;
}

.level-content__section.current {
    display: flex;
    flex-wrap: wrap;
}

.level-content__lesson {
    width: calc(100% / 3 - 16px);
    margin: 8px;
    border: 1px solid #F3F6F8;
    border-radius: 8px;
    overflow: hidden;
}

.level-content__lesson .title {
    background: #F3F6F8;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.level-content__lesson.current .title {
    background: #FF9207;
    color: #FFFFFF;
}

.level-content__lesson.current .title:after {
    content: 'current';
    color: rgba(255, 255, 255, 0.61);
    font-weight: 600;
    font-size: 14px;
}

.level-content__lesson .progress {
    padding: 16px;
    margin: 0;
    display: block;
}

.level-content__lesson .progress li {
    display: flex;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #233537;
    margin-bottom: 12px;
    position: relative;
    cursor: pointer;
}

.level-content__lesson .progress li a {
    display: none;
    font-style: normal;
    color: #049A5B;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-decoration-line: underline;
}

.level-content__lesson .progress li.feedback a {
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.level-content__lesson .progress li.active a{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    opacity: 0;
    z-index: 5;
}
.container-detail-level h5{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #02161E;
    padding-top: 10px;
    padding-bottom: 16px;
}
.container-detail-level p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #233537;
}
.wrapper-words{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wrapper-item a{
    min-height: 28px;
    background: #DDF5FF;
    border-radius: 14px;
    padding: 4px 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1F63A6;
}
.details-top{
    text-decoration: unset;
    border-bottom: 1px solid #F3F6F8;
    padding: 8px 0;
    display: flex;
    align-items: center;
}
.details-top h3{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #02161E;
    margin-left: 20px;
    margin-bottom: 0;
}
.word-sentence{
    padding: 4px 12px;
    margin: 5px;
    border: 1px solid #6BD7FF;
    border-radius: 16px;
    display: block;
    color: #233537;
}
.accordion-header{
    display: flex;
}
.container-white{
    background: #fff;
}
.accordion .accordion-body{
    padding-left: 86px;
}
.accordion-header button{
    padding-left: 58px;
}
.level-content__lesson .progress li:after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #9DA5B0;
    border-radius: 6px;
    background-size: 14px !important;
}

.level-content__lesson .progress li.active:after {
    border-color: #E9FFF0;
    background: #E9FFF0 url("../img/check-green.svg") no-repeat 50%;
}

.level-content__lesson .progress li.active.live:after {
    border-color: #1F63A6;
    background: #1F63A6 url("../img/check-white.svg") no-repeat 50%;
}

.level-content__lesson .progress li.feedback:after {
    display: none;
}

.level-content__lesson .progress li:last-child {
    margin-bottom: 0;
}

.level-content__lesson .progress li span {
    opacity: 0.6;
    font-weight: 400;
    margin-left: 5px;
    display: inline-block;
    font-size: 14px;
}

.level-content__section .no-result {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #ff9207;
    padding: 50px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 8px;
}

.page-feedbak {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.page-feedbak.plan {
    max-width: 540px;
    display: block;
}

.page-feedbak__head {
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #02161E;
    padding: 30px 15px 15px 40px;
    border-bottom: 1px solid #F3F6F8;
}

.page-feedbak__head svg {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.page-feedbak__question {
    width: 50%;
    background: #F6FCFF;
    padding: 25px 40px;
}

.page-feedbak.plan .page-feedbak__question {
    width: 100%;
}

.page-feedbak__form {
    padding: 25px 40px;
    width: 50%;
}

.page-feedbak__form form {
    position: relative;
}

.page-feedbak__form form:after {
    content: '';
    width: 0;
    transition: all 0.3s;
    height: 4px;
    background: green;
    position: absolute;
    bottom: 60px;
    left: 0;
}

.page-feedbak__form form.loader:after {
    width: 100%;
}

.page-feedbak__form textarea {
    width: 100%;
    min-height: 400px;
    border: 0px solid transparent;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.page-feedbak__form .btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 24px 0;
}

.page-feedbak__form button,
.page-feedbak__form .cancel{
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    border: none;
    height: 48px;
    width: calc(50% - 10px);
    cursor: pointer;
}

.page-feedbak__form .cancel {
    background: #F3F6F8;
    color: #707B8B;
    text-align: center;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.page-feedbak__form button.save {
    background: #049A5B;
    color: #FFFFFF;
}

.page-feedbak__question .task {
    background: #DDF5FF;
    border: 1px solid #F3F6F8;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
}

.page-feedbak__question .answer {
    border-radius: 8px;
    padding: 16px;
    background: #FFFFFF;
    margin-top: 16px;
    border: 1px solid #F3F6F8;
}

.page-feedbak__question .return {
   text-align: right;
    margin-top: 15px;
}

.page-feedbak__question .return a{
    background: #FFF6E0;
    border-radius: 7px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 15px;
    display: inline-flex;
    color: #FF9207;
}
#wpadminbar{
    display: none;
}
.page-feedbak__question .task-title {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #707B8B;
    padding: 4px 12px;
    display: inline-block;
}
.task__finish-img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 38px 0;
}
.page-feedbak__question .answer-title {
    border-radius: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 12px;
    display: inline-block;
    background: #DDF5FF;
    color: #1F63A6;
}

.page-feedbak__question .head {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    padding-left: 80px;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #233537;
}

.mentors .page-feedbak__question .head {
    padding-left: 0;
    height: auto;
    margin-bottom: 15px;
}

.page-feedbak__question .head .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1F63A6;
    width: 100%;
}

.page-feedbak__question .avatar {
    position: absolute;
    left: 0;
    top: 0;
}

.page-feedbak__question .avatar .progress-holder {
    height: 60px;
    width: 60px;
    box-shadow: none;
    border: 0.5px solid #A0B7C3;
    padding: 2px;
    position: relative;
    background: #fff;
}

.page-feedbak__question .avatar .progress-holder .mask {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 2px;
    top: 2px;
}

.page-feedbak__question .avatar .progress-holder .left-block,
.page-feedbak__question .avatar .progress-holder .right-block {
    display: none;
}

.page-feedbak__question .answer-records {

}

.page-feedbak__question .answer-records__item {
    background: #FFFFFF;
    border: 1px solid #A0B7C3;
    border-radius: 8px;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    padding: 16px;
}

.page-feedbak__question .answer-records__item audio {
    width: 100%;
}

.question-list__item {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #233537;
    margin-top: 10px;
}
.group-item__checkbox .error + span {
    color: red!important;
}
.group-item__checkbox .error + span a {
    color: red!important;
}
.profile-content__general{
    min-height: 390px;
}
.page-mentors .page-elementor{
    padding: 0;
}
.mentors-head{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mentors-head__info{}
.mentors-head__info span{
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgb(0 0 0 / 4%);
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 16px;
    margin-right: 15px;
    display: inline-flex;
    align-items: center;
}
.mentors-head__info span img{
    margin-right: 15px;
    max-height: 20px;
    width: auto;
}
.mentors-head__plan{}
.mentors-head__plan a{
    background: rgba(73, 190, 255, 0.2);
    color: #3794CB;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 24px;
    display: inline-flex;
    align-items: center;
}
.mentors-conteiner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 16px;
}

.mentors-content {
    flex: 1.75;
}

.mentors-sidebar {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    flex: 1;
    padding: 30px;
}

.mentors-sidebar__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #02161E;
    border-bottom: 1px solid #F3F6F8;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.modal-content__feedback-title{
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    color: #02161E;
}
.mentors-sidebar__feedback .head{
    background: #F3F6F8;
    border-radius: 8px 8px 0px 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
}
#level-feedback .moddal-content{
    border-radius: 16px;
    padding: 32px 32px 51px 32px;
    max-width: 1120px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 437px;
}
.mentors-sidebar__feedback .head span{
    color: #233537;
    flex: 1;
}
.mentors-sidebar__feedback .list{}
.mentors-sidebar__feedback .list-item{
    border-bottom: 1px dashed #DDE6EA;
    padding: 20px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    transition: all 0.3s;
}
.mentors-sidebar__feedback .list-item .info{
    display: flex;
    align-items: center;
    flex: 1;
}
.mentors-sidebar__feedback .list-item .data{
    font-weight: 500;
    flex: 1;
}
.mentors-sidebar__feedback .list-item .icon{
    box-shadow: 0px 8px 32px rgb(0 0 0 / 4%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: block;
    background-size: 10px !important;
    margin-right: 15px;
}
.mentors-sidebar__feedback .list-item .icon-edit{
    background: #FF9207 url("../img/edit.png") no-repeat 50%;
}
.mentors-sidebar__feedback .list-item .icon-record{
    background: #6BD7FF url("../img/mic.png") no-repeat 50%;
}
.mentors-sidebar__feedback .list-item .icon-check{
    background: #469f3b url("../img/check-white.svg") no-repeat 50%;
}
.moddal.one-change{
    padding: 0;
}
#setup-level.one-change .moddal-content{
    width: 100%;
    min-height: 100%;
    max-width: unset;
    border-radius: unset;
    background: #ffffff;
}
.moddal.one-change .moddal-content .setup-level__content{
    max-width: 1200px;
    margin: 0 auto;
}
.mentors-sidebar__feedback .list-item:hover{
    background: rgb(243 246 248 / 22%);
}

/* profile-header__sidebar  css */

.pus_student_item_drop {
    position: absolute;
    background: #fff;
    width: max-content;
    top: 43px;
    border: 1px solid #ededed;
    padding: 36px 58px 36px 48px;
    display: none;
    box-shadow: 0px 1px 20px rgb(0 0 0 / 13%);
    border-radius: 16px;
}

.pus_student_item_drop_inr {
    display: flex;
    align-items: baseline;
    justify-content: start;
}
.pus_student_item_drop_inr img {
    width: 60px;
}
.pus_student_item_drop_inr p.pus_words {
    font-size: 21px;
    font-weight: bold;
    color: #707070;
    line-height: normal;
    padding: 0;
    margin: 0;
}
.pus_student_item_drop p {
    font-size: 16px;
    margin: 0;
    line-height: 28px;
    color: #707070;
    font-weight: 600;
    font-family: 'Poppins';
}
.pus_student_item_drop.l .pus_student_item_drop_inr img {
    width: 32px;
    margin-right: 5px;
}
.pus_student_item_drop.xp .pus_student_item_drop_inr img {
    width: 77px;
    margin-right: 5px;
}
/* profile-header__sidebar  css ends */
   



/* Joy-Gu CSSS */


div#cn-schedule-private-lession-booking-form {
    margin-top: 20px;
    width: 60%;
    padding: 24px 0 0 24px;
}
.n-schedule-private-lession-booking-form_outr {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 5px;
}
div#cn-schedule-private-lession-booking-form h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #02161E;
    border-bottom: 1px solid #F3F6F8;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-right: 25px;
}
.cnsplbf_select label {
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 27px;
}
.cnsplbf_select {
    width: 48%;
}
.cnsplbf_form {
    display: flex;
    justify-content: space-between;
}
.cnsplbf_select select {
    padding: 9px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 139px;
    margin-bottom: 20px;
}

ul.available-teachers_lst {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    padding-bottom: 15px;
    height: 288px;
    overflow-y: auto;
}
ul.available-teachers_lst li h5 {
    margin: 0;
    color: #4f4f4f;
}
ul.available-teachers_lst li {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 2px dashed #dddd;
    cursor: pointer;
    margin-right: 10px;
}
ul.available-teachers_lst li img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #aeaeae;
}
ul.available-teachers_lst li h5 {
    margin: 0;
    color: #4f4f4f;
    font-weight: 600;
}
.available-teachers h4 {
    font-size: 17px;
    margin: 0;
    font-weight: 700;
    padding-bottom: 7px;
}
.cnsplbf-left {
    background: #f6fcff;
    padding-bottom: 0;
    width: 48%;
}
.cnsplbf-left_inr {
    padding: 20px 25px;
}
.cnsplbf-right {
    width: 50%;
}

.mentors-head__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
span.schedule_live_lessons {
    background: #fff6e2;
    color: #ff973d;
    margin: 0;
    cursor: pointer;
}

p.lessons_remaining {
    font-size: 16px;
    color: #4e4e4e;
    font-weight: 600;
    font-style: italic;
    text-align: center;
}

.schedule_lesson-btn button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff6e2;
    border: unset;
    color: #ff973d;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    margin: 40px 0 0 0;
    cursor: pointer;
}
.schedule_lesson-btn button svg {
    width: 27px;
    border: 1px solid #ff973d;
    border-radius: 50%;
}
ul.available-teachers_lst li:hover h5 {
    color: #6bd7ff;
}
ul.available-teachers_lst li:hover img {
    border: 2px solid #6bd7ff;
}
ul.available-teachers_lst::-webkit-scrollbar {
    width: 6px;
    background: #c4c6c8;
    border-radius: 5pc;
}
ul.available-teachers_lst::-webkit-scrollbar-thumb {
    background: #ff9207d6;
}
.cnsplbf-error {
    text-align: center;
    color: red;
    font-size: 14px;
    padding: 5px 0;
}
span.price_span {
    font-size: 16px !important;
    font-style: normal !important;
    color: #02161E;
    font-size: 16px !important;
    line-height: 24px;
    font-weight: inherit;
}
span.register-page-plan-price {
    font-size: 44px !important;
    vertical-align: top;
}

span.register-page-plan-currency {
    vertical-align: top;
}

span.register-page-plan-month {
    vertical-align: bottom;
}
/* Joy-Gu CSSS  ends*/

/* Developed by Joy-S CSSS*/
.level-lesson__words img {
    width: 30px;
}
ul.available-teachers_lst li.active img {
    border: 2px solid #6bd7ff;
}
ul.available-teachers_lst li.active h5 {
    color: #6bd7ff;
}
.lesson-cancel__description p.special-text {
    font-size: 12px;
    color: #f00;
}
.error {
    color: #f00;
}
p.system-generated-teacher {
    font-size: 12px;
    margin-top: 0;
    line-height: 18px;
}
.cancelled-day{
    position: absolute;
    top: 45px;
    left: 29px;
}
.teacher-week__body.cancelled-popup-text {
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
}
.save-form button.disabled {
    background-color: #ccc;
}
.form-group .required{
    color: #f00;
}
.plan-upgrade-success{
    background: #e7fff0;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #04b104;
    color: #000000;
    text-align: center;
}
.inactive-free.level-lesson__item a {
    opacity: .5;
}
.nav-menu-upgrade{
    background-color: #ff9f07;
    border: 0;
    color: #fff !important;
    height: 40px !important;
    border-radius: 5px !important;
    font-weight: normal;
}
.upgrade-button-wrapper{
    position: absolute !important;
    margin: 0 !important;
    bottom: 40px;
}
a.list-item.feedback-unread {
    font-weight: bold;
}
img.goal-circle-image {
    width: 22px;
    display: inline-block;
    margin-left: 5px;
}
.inactive-free.level-lesson__item {
    /* background: url(../img/icons8-lock.svg) no-repeat;
    background-position: right bottom; */
}
/* Joy-G */

.learning-school__cart .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    height: 48px;
    margin-bottom: 10px;
}
.learning-school__cart .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding: 0 15px;
    font-weight: 500;
    color: #1A1C22;
    letter-spacing: 0.02em;
    font-size: 14px;
}
.learning-school__cart .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    top: 9px;
    font-size: 24px;
    right: 1px;
    width: 29px;
}
.learning-school__plinfo .body-price table tr td {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #5e5e5e;
}
.learning-school__plinfo .body-price table tr th{
    padding: 10px 10px;
    font-size: 16px;
    color: #2f2f2f;
    text-align: left;
}
.learning-school__plinfo .body-price table {
    width: 300px;
    border-collapse: collapse;
}
.learning-school__cart tr.cart_page_last_tr td {
    border-top: 1px solid #c2c2c2;
    border-collapse: collapse;
}
.learning-school__cart .group-btn p {
    text-align: justify;
    font-size: 14px;
}
.learning-school__cart  p.status {
    display: flex;
    align-items: center;
    gap: 10px;
}
.learning-school__cart  p.status img {
    width: 35px;
}
.learning-school__cart .form-group {
    margin-bottom: 10px;
}
.learning-school__cart  .form-group-combine {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 12px;
}
.learning-school__cart  .form-group-combine .form-group {
    width: 48%;
}
.mentors-sidebar .list {
    height: 545px;
    overflow-y: scroll;
}

.score-popup.active {
    width: 0px;
    height: 0px;
    line-height: 58px;
    border-radius: 50%;
    border: 1px solid #449861ef;
    font-size: 0px;
    color: #449861;
    text-align: center;
    background: #fff;
    position: absolute;
    right: 161px;
    top: 50%;
    animation-name: bubble-animation;
    animation-duration: 3s;
    z-index: 99;
}
@keyframes bubble-animation {
    0%   {opacity: 0; width: 60px; height: 60px; font-size: 25px;}
    50%   {opacity: 1; width: 60px; height: 60px; font-size: 25px;}
    100% {opacity: 0; width: 60px; height: 60px; font-size: 25px;}
}
.profile-content__box .status.error {
    font-size: 16px;
}
.profile-content__box .status.success {
    font-size: 16px;
    color: #03b903;
}
#edit_profle_general label.title {
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 600;
}

.Forgot-link a {
    font-size: 16px;
    font-family: 'Open Sans';
    color: #0c66e4;
}
.Forgot-link a:hover{
    text-decoration:underline;
}
img.next-loader {
    display: block;
    visibility: hidden;
    min-height:1px;
    height:0px;
    margin-left: 10px;
}
/* Developed by Joy-S ENDS*/

@media (max-width: 860px){
    .learning-school__cart  .select2-container {
        width: 100% !important;
    }
    .pus_student_item_drop {
        top: 47px;
        left: -105px;
    }
    .blue_logo {
        width: 115px;
        margin-right: 20px;
    }
    .pus-student {
        display: inline-flex;
        align-items: center;
        width: auto;
    }
    .level-lesson__item{
        width: unset;
        margin: 14px;
    }
    .progress-holder{
        width: 70px;
        height: 70px;
    }
    .profile-header__avatar{
        margin-top: 20px;
    }
    .profile-header__he > span{
        display: none;
    }
    .level-lesson__progress {
        height: 62px;
        width: 62px;
    }
    .profile-header{
        margin-bottom: 20px;
    }
}
@media (max-width: 600px){
    .pus-student__item.xp .pus_student_item_drop.xp {
        left: -159px;
        z-index: 5;
    }
    .pus-student__item.l .pus_student_item_drop.l {
        z-index: 5;
        left: -140px;
    }
    .page-template-learn .page-elementor{
        padding-left: unset;
    }
    .profile-header__container{
        padding-left: unset;
    }
    .profile-header__logo{
        display: none;
    }
    .profile-header__sidebar{
        height: 84px;
        bottom: 0;
        width: 100%;
    }
    .profile-header__nav{
        height: 100%;
    }
    .profile-header__nav ul{
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 0;
    }
    .profile-header__nav ul li{
        margin: 0 10px;
    }
    .profile-header__nav ul li a{
        width: 75px;
        height: 60px;
    }
    .ty-answer_questions .wrap-clue__clue{
        top: -282px !important;
        left: 50%;
        transform: translate(-50%, 10px);
        width: 277px !important;
    }
    .ty-writing_task .tasks__wrapper-content{
        height: 625px !important;
    }
    .ty-grammar_answer_questions .wrap-clue__clue{
        top: -228px !important;
        width: 277px !important;
        right: 0;
        z-index: 9;
    }
    
    .ty-grammar_answer_questions .wrap-clue__offer {
        z-index: 9;
    }
    .level-lesson__words-notification{
        bottom: 45px;
    }
    .upgrade-button-wrapper-mobile{
        display: none;
    }
    .page-id-115 .upgrade-button-wrapper-mobile{
        display: block !important;
    }
    
    .ty-learn_words .title__audio.js-audio-play {
        bottom: 60px !important;
    }
    .images_and_audio.arrange-words.images_with_audio {
        padding-bottom: 0;
    }
    .ty-match_images_with_audio .image-selection.arrange-words__words {
        padding: 0;
        margin: 15px 0;
        gap: 51px 0;
    }
}
.cancelHistoryExist span {
    color: #FF9207 !important;
}
a.show.cancelHistoryExist {
    color: #FF9207 !important;
}

span.register-page-plan-currency {
    position: relative;
    top: 12px;
    margin-right: 3px;
    font-weight: normal !important;
}

span.register-page-plan-month {
    font-weight: normal !important;
    position: relative;
    top: -8px;
}
.overlay-finish{
    position: fixed;
    z-index: 999999999999;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 10px;
    opacity: .6;
    text-align: center;
    color: #FFF;
    display: none;
}
.prices {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}
.price-strike-through span.register-page-plan-price {
    font-size: 22px !important;
}
.price-strike-through span.register-page-plan-currency {
    top: 0;
}
.price-strike-through span.register-page-plan-month {
    top: 0;
}
.price-strike-through span{
    font-size: 24px;
    text-decoration: line-through;
    padding-right: 10px;
}
.price-orange span {
    color: #ffa200 !important;
}
#age-check .moddal-content{
    top: 55px;
}
@media(min-width: 601px) {
    .pus-student__item.w:hover .pus_student_item_drop.w{
        display: block;
    }
    .pus-student__item.l:hover .pus_student_item_drop.l{
        display: block;
    }
    .pus-student__item.xp:hover .pus_student_item_drop.xp{
        display: block;
    }
}

.page-id-19948 .page-content{
    margin-top: 0;
}
.notification-header.page-id-19948 .page-header{
    padding-top: 40px;
}
.notification-header.page-id-19948 .page-container .page-content .page-elementor{
    margin-top: 28px !important;
}

.page-id-14.notification-header .page-header{
    display: none;
}
.page-id-14.notification-header .learning-school__register{
    display: none;
}
.notification-header.page-id-14 .page-container .page-content .page-elementor > p{
    display: none;
}
.signup-login-wrapper{
    display: block;
}

@media (min-width: 576px){
    .learning-school__login.voiceover-signup form img.vo-loading-icon{
          min-width: 65vw!important;
    }
}

@media (max-width: 576px){
    .page-id-14.notification-header .learning-school__register{
        display: none;
    }
    .page-id-14.notification-header .page-header{
        display: none;
    }
    .notification-header.page-id-14 .page-container .page-content .page-elementor > p{
        display: none;
    }
    .signup-login-wrapper{
        display: block;
    }
}

@media screen and (max-width: 767px) {

    .level-lesson__counter {
        height: 18px;
        width: 18px;
    }

    .level-lesson__words img {
        width: 16px;
    }

}