.relocation__div .control-label {
    color: #cec9d4;
}

.btn {
    --bs-btn-font-size: 16px;
}

.cab-tp__avatar_con {
    padding: 10px;
}
.prof-exp__row {
    gap: 20px;
}
.is-hidden {
    display: none !important;
}
#page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
#page .footer {
    margin-top: auto;
}
.modal-body #page{
    min-height: auto;
}

.panel-forgot_pass_wrapper {
    max-width: 1920px;
    margin-top: 120px;
    margin-bottom: 60px;}

.panel-site-error {
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 120px;
    margin-bottom: 60px;}

.course-favorite { transition: all .2s ease-in-out; }
.course-favorite:hover { transform: scale(1.2); }

.сourse__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    border-bottom: 4px solid transparent;
    margin-right: 15px;
    margin-bottom: 20px;}

.step_circle {
    vertical-align: middle;
    padding: 13px 0 0 0;
    font-size: 20px;
    font-weight: 600;
    height: 50px;
    width: 50px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    color: #966CEE;
    -webkit-box-shadow: 0px 1px 33px -13px #966CEE;
    box-shadow: 0px 1px 33px -13px #966CEE;
}
[id*="step"].active > div{
    background-color: #966CEE;
    color: #FFFFFF;
}
[id*="step"].active > p{
    color: #966CEE;
}

[id*="step"].passed > div{
    background-color: #38bf7e;
    color: #FFFFFF;
}
[id*="step"].passed > p{
    color: #38bf7e;
}
hr.dashed.passed{
    margin-top: 50px;
    border-top: 4px solid #38bf7e;
}

.course__addition__steps > a, .course__addition__steps > div{
    width: 15%;
}

.job_site_form__steps.course__addition__steps > a, .job_site_form__steps.course__addition__steps > div{
    width: 29%;
}

.vacancy_constructor__steps.course__addition__steps > a, .vacancy_constructor__steps.course__addition__steps > div{
    width: 11%;
}

.course__addition__steps > hr, .trajectory__addition__steps > hr{
    width: 6%;
}

.step_header{
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0 0 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 1;
}

hr.dashed {
    margin-top: 50px;
    border-top: 4px dashed #dfdbee;
}

hr.section_delim{
    width: 100%;
    border-top: 1px solid #e7ebf2;
    margin: 20px 0;
    padding: 10px;
}

.course__addition_block {
    padding: 24px 24px 10px 24px;
    background-color: #fff;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
    margin-bottom: 16px; }


@media (min-width: 750px) and (max-width: 1200px){
    .step_circle {
        padding: 10px 0 0 0;
        width: 40px;
        height: 40px;
        -webkit-box-shadow: 0 1px 33px -10px #966CEE;
        box-shadow: 0 1px 33px -10px #966CEE;
    }
    hr.dashed.passed, hr.dashed{
        margin-top: 30px;
    }
    .step_header {
        font-size: 12px;
    }
    .tagify-field{
        width: 70%;
    }
    .tagify-add{
        width: 30%;
    }
}

#is_timestart > label{
    margin-right: 25px;
    color: #000000;
}
.card-add-photo {
    /*margin-left: 15px;*/
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 4px dashed #E6E0FA;
    border-radius: 16px;
    height: 200px;
}
.card-add-photo button{
    margin: 0 auto;
}
.card-add-photo__header{
    font-size: 16px;
}

.card-add-course-pic{
    margin: auto;
    width: 30%;
    overflow:hidden;
    position: relative;
    float:left;
}
.card-add-course-header-pic{
    margin: auto;
    width: 65%;
    overflow: hidden;
    position: relative;
    float:left;
}
.add-photos{
    margin: 20px 0 20px 0;
}

.tagify-field{
    width: 88%;
}
.tagify-add{
    margin: 5px 0;
    width: 12%;
}

@media screen and (max-width: 1000px){
    .h1, .h2, h1, h2 {
        font-size: 38px;
        line-height: 115%;
    }

    .step_circle {
        padding: 5px 0 0 0;
        font-size: 14px;
        width: 30px;
        height: 30px;
        -webkit-box-shadow: 0 1px 33px -6px #966CEE;
        box-shadow: 0 1px 33px -6px #966CEE;
    }
    hr.dashed.passed, hr.dashed{
        margin-top: 20px;
    }
    .step_header {
        font-size: 10px;
    }
    .card-add-photo:not(.company-photo){
        width: 100%;
        margin: 20px;
    }
    .tagify-field,.tagify-add{
        width: 100%;
    }
    .circle_lesson_num_block{
        display: none;
    }
    .circle_lesson_name_block{
        width: 100% !important;
    }
    .circle_answer_name_block{
        width: 70% !important;
    }
    .circle_answer_checkbox_block{
        width: 20% ;
    }

    .traj-sub__btns button, .traj-sub__btns a {
        width: 100%;
    }
}
/*.next-step:not([data-bb-handler="confirm"]), .next-step:not([data-bb-handler="confirm"]):focus, .next-step:not([data-bb-handler="confirm"]):active{
    background-color: #966CEE !important;
    border-radius: 8px;
    border:none;
    font-weight: 500;
    padding: 10px 20px;
    transition: color .25s;
}

.next-step:not([data-bb-handler="confirm"]):hover{
    background-color: #5a3c97 !important;
}

.prev-step:not([data-bb-handler="confirm"]), .prev-step:not([data-bb-handler="confirm"]):focus, .prev-step:not([data-bb-handler="confirm"]):active{
    background: none !important;
    border: none;
    font-weight: 600;
    font-size:16px;
    color: #966CEE !important;
    transition: color .25s;
}
.prev-step:not([data-bb-handler="confirm"]):hover, .next-step:not([data-bb-handler="confirm"]):hover {
    color: #805cca !important;
}*/

.btn-load-photo, .btn-load-photo:hover, .btn-delete-photo, .btn-delete-photo:hover{
    background-color: #F9F4FF;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #E6E0FA;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    padding: 2px 16px;
    height: 44px;
    color: #966CEE;
    transition: border .2s, color .2s, background-color .2s;
}

.btn-load-photo:hover, .btn-delete-photo:hover {
    background-color: #e6e0fa;
    color: #7d59ca;
    border: 1px solid #cac3f8;
}

.field-card-add-photo__header,
.field-card-add-photo__logo_small,
.field-card-add-photo__logo_big,
.field-card-add-photo__cover,
.field-lesson-add-video__header,
.field-lesson-add-files__header,
.field-final-add-files__header,
.field-homework-add-files__header,
.field-education-file__header
{
    display: none !important;
}
.lesson__filename{
    padding-top: 10px;
    font-size: 14px ;
    color: #000000;
}
.card-add-photo__filename{
    color: #a4a4a4;
}
.row-for-tagify{
    margin:0;
}
.tagify-add button{
    margin-left: 5px;
    width: 100%;
}
.slider_values_discount, .slider_values_course_duration {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
.field-courseaboutform-duration{
    margin-bottom: 0;
}

.ion-discount .irs-single, .ion-discount .irs-min, .ion-discount .irs-max{
    display: none !important; }

.course-form-header{
    margin-bottom: 20px;
}

input[type="radio"]:checked + label:before {
    background-color: #93e026 !important;
}

.course-slider-div{
    padding-top: 15px;
}
.course-slider-div > div{
    margin: 0;
}
.list-group-item.no-border, .list-group.no-border input[type="checkbox"]:checked + .list-group-item.no-border{
    background: none;
    border: none;
}
.card-add-course-pic img, .card-add-course-header-pic img, .cart-img img, .card-add-company-pic img{
    width: 100%; height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.delete-course-img{
    margin: 10px !important;
}
.delete-company-img{
    margin: 10px 25px !important;
}
.delete-course-img, .delete-company-img {
    position: absolute;
    font-size: 18px;
    height: 30px;
    width: 30px;
    top: 0;
    right: 0;
    z-index: 100;
    color: #966CEE;
    background-color: white;
    -webkit-box-shadow: 0 1px 33px -13px #966CEE !important;
    border-radius: 50%;
    border: 3px solid #ac87ea;
    cursor: pointer;
}

.module-block, .question-block{
    margin-top: 15px;
    padding: 24px;
    background-color: #fbfafd;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
}

.module-block-item, .question-block-item{
    background-color: #ffffff;
    border: 1px solid #EFE8F8;
    border-radius: 10px;
    margin-bottom: 16px;
}

.module-block-item{
    padding: 10px 20px;
}
.question-block-item{
    padding: 0 20px;
}

h4.module-name,h4.module-name input,h4.question-name,h4.question-name input {
    margin: 0;
    font-size: 20px;
}

h4.module-name input, h4.question-name input{
    margin: 0;
    border: none;
    font-weight: 600;
}
h4.answer-name input{
    border:none;
    outline: none !important;
}
h4.answer-name{
    padding-top: 10px;
    display: inline-block;
    width: 90%;
}

h4.lesson-name{
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    white-space: nowrap;
}

.modules-ico{
    position: absolute;
    font-size: 24px;
    margin: 15px 10px;
    height: 30px;
    width: 30px;
    top: 0;
    right: 0;
    z-index: 100;
    color: #c7c1ff;
    cursor: pointer;
}

.modules-trash,.lesson-trash{
    margin: 15px 10px;
}

.modules-edit,.lesson-edit{
    margin: 15px 40px;
}
.circle_lesson_num_block{
    width: 5%;
}
.circle_lesson_name_block{
    width: 95%;
}
.circle_answer_num_block{
    width: 5%;
}
.circle_answer_checkbox_block{
    width: 13%;
    padding: 20px 10px;
}
.circle_answer_name_block{
    width: 82%;
}
.is-correct-answer{
    margin-right: 5px;
}

.module-name-block{
    margin-bottom: 40px;
}

.circle_lesson, .circle-company-item {
    vertical-align: middle;
    padding: 15px 21px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    width: 50px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    color: #000000;
    -webkit-box-shadow: 0 1px 20px -13px #000000;
    box-shadow: 0 1px 20px -13px #000000;
}
.btn-center{
    margin: 0 auto; width: 200px;
}
.btn-left{
    text-align: left !important;
    width: 200px;
    margin-top: 20px;
}
.add-lesson, .add-lesson:hover, .add-lesson:focus, .add-lesson:active,
.add-new-answer, .add-new-answer:hover, .add-new-answer:focus, .add-new-answer:active{
    background: none !important;
    border: none;
    font-weight: 600;
    font-size:17px;
    color: #966CEE !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#modal-lesson-update{
    border-radius: 20%;
}

#modal-lesson-form .modal-content, #modal-form .modal-content{
    border-radius: 30px;
    margin: 0 auto !important;
    padding: 10px;
}

@media (min-width: 768px) {
    .modal > .modal-dialog{
        max-width: 1000px;
    }
    #modal-form-areas .modal-dialog{
        max-width: 1350px;
    }
}

.modal > .modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
.modal-header{
    border:none;
}
.modal-content .close{
    font-size: 40px;
    font-weight: 100;
    position: absolute;
    top:10px;
    right: 20px;
    z-index: 100;
}

h3.course-form-sub-header{
    font-weight: 500;
    font-size: 24px;
}
.lds-ellipsis {
    display: none;
    position: relative;
    width: 100px;
    height: 15px;
}
.lds-ellipsis div {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 60%;
    background: #966cee;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
input.course-module-name:active, input.course-module-name:focus{
    outline:none !important;
}
.lesson-module-name{
    color: #beb1cd;
}

@media (max-width: 891px) {
    .course-creation-nav{
        display: none;
    }
    .course-creation-nav-mob{
        display: block;
    }
    .course-top-header{
        display: none;
    }
    .tagify-field{
        width: 65%;
    }
    .tagify-add{
        width: 35%;
    }
    h4.answer-name{
        width: 70%;
    }
}
@media (min-width: 891px) {
    .course-creation-nav-mob{
        display: none;
    }
}
.course-page-sbm{
    margin: 30px 0;
}
.course-page-sbm *{
    margin: 5px 7px;
}
.creation-nav-mob-header{
    display: inline-block !important;
    font-size: 24px;
    font-weight: 600;
    margin-top: 40px;
}
.creation-nav-mob-header.pages{
    color: #beb1cd;
}
.creation-nav-mob-header.title{
    margin-left: 10px;
    color: #000000;
}
.creation-nav > div, .creation-nav a{
    z-index: 10;
    font-size: 12px;
    color:#a77fee;
    display: inline-block;
}
.creation-nav img{
    width: 16px;
}
.creation-nav-left{
    position: absolute;
    top: 0;
    left: 0;
}
.creation-nav-right{
    position: absolute;
    top: 0;
    right: 0;
}
.creation-nav-right img{
    transform: rotate(180deg);
}
.section_title{
    text-align: center;
}
/*.file-item{*/
/*    margin-bottom: 10px;*/
/*}*/
.select2-selection--multiple{
    height: auto !important;
}
.s2-togall-select i, .s2-togall-unselect i{
    display: none;
}

.forgot-pass{
    text-align: right;
}
.forgot-pass a {
    color: #A897BD;
    font-size: 14px;
    line-height: 20px;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    background-clip: content-box;
    border: 2px solid #966cee;
    border-radius: 50%;
    margin-top: -1px;
    vertical-align: middle;
    margin-right: 5px;
}

input[type="radio"]:checked {
    background-color: #966cee;
}

.is-correct-answer {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    padding: 2px;
    background-clip: content-box;
    border: 2px solid #a897bd;
    border-radius: 50%;
    margin-top: -1px;
    vertical-align: middle;
    margin-right: 5px;
}

.is-correct-answer:checked {
    content: url("/img/tick.svg");
    border: 3px solid #38bf7e;
    background-color: #38bf7e;
    color: #38bf7e;
    animation: shrink-bounce 400ms cubic-bezier(.4,.0,.23,1);
}

.is-correct-answer:checked + label {
    animation: shrink-bounce 400ms cubic-bezier(.4,.0,.23,1);
    font-weight: 500;
    color: #38bf7e;
}

@keyframes shrink-bounce{
    0%{
        transform: scale(1);
    }
    33%{
        transform: scale(.85);
    }
    100%{
        transform: scale(1);
    }
}
.answer-ico{
    display: inline-block;
    float: right;
}
.question-block-item{
    min-height: 60px;
    height: 100%;
}
.question-name > label, .answer-name > label, .question-block input[type="text"]{
    width: 100%;
}
.circle_answer_checkbox_block label{
    cursor: pointer;
}
@media (max-width: 1000px) {
    .circle_answer_checkbox_block label{
        display: none;
    }
    .circle_answer_name_block{
        width: 90% !important;
    }
    .circle_answer_checkbox_block{
        width: 10% !important;
    }
}
@media (max-width: 370px) {
    .circle_answer_name_block{
        width: 80% !important;
    }
    .circle_answer_checkbox_block{
        width: 20% !important;
    }
    .answer-ico{
        width: 20%;
        margin: 15px 0;
    }
}
@media (min-width: 1000px) and (max-width: 1600px) {
    .circle_answer_name_block{
        width: 75%;
    }
    .circle_lesson_num_block{
        width: 7%;
    }
    .circle_answer_checkbox_block{
        width: 18%;
    }
    .circle_lesson_name_block {
        width: 93%;
    }
}
.error-summary li{
    margin-left: 20px;
}
.tab-content-homework{
    margin-bottom: 20px;
}
.tab-content-homework .tab-content_link{
    font-size: 16px;
    color: #000000 !important;
    margin-right: 30px;
}
.tab-content-homework .tab-content_link.active, .tab-content-homework .tab-content_link:hover{
    color: #966cee !important;
    padding-bottom: 4px;
    border-bottom: 2px solid #966cee;
}
.search-wrapper .search-btn-labeled {
    background-color: transparent;
    border-radius: 4px;
    width: 64px;
    height: 36px;
    right: 0;
    top: 32px;
    position: absolute; }

.panel-heading-spoiler{
    position: relative;
    padding: 20px 20px;
    border: 1px solid #efe8f8;
    background-color: white;
    border-radius: 15px;
}
.panel-body-spoiler{
    margin-top: -20px;
    padding: 30px 20px;
    border: 1px solid #efe8f8;
    background-color: white;
    border-radius: 15px;
}
.panel-heading-spoiler span{
    font-size: 16px;
}
.panel-heading-spoiler span.hw-course-name{
    font-weight: 600;
    color: #000000;
}
.panel-heading-spoiler i{
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}
.panel-heading-spoiler button{
    width: 30px;
    height: 30px;
    background-color: #f9f4ff;
    border: 1px solid #f9f4ff;
    border-radius: 50%;
    position:absolute;
    right: 10px;
    top: 15px;
}
.panel-heading-spoiler button:hover,
.panel-heading-spoiler button:active,
.panel-heading-spoiler button:focus{
    background-color: #e6e0fa !important;
    border: 1px solid #e6e0fa !important;
}
.panel-hw-course{
    margin-top: 20px;
}
.hw-user-photo{
    width: 50px !important;
    height: auto !important;
}
.col-hw-user-photo, .col-hw-user-name{
    padding: 0;
}
.col-hw-user-name{
    font-weight: 600;
}
.col-hw-lesson-desc{
    white-space: nowrap;
    overflow: hidden;
}
.col-hw-lesson-desc span{
    padding: 0;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hw-item{
    padding: 10px 20px;
    background-color: white;
    border-radius: 15px;
    margin-bottom: 5px;
    -webkit-box-shadow: -7px 17px 37px -22px rgba(239, 232, 248, 1);
    -moz-box-shadow: -7px 17px 37px -22px rgba(239, 232, 248, 1);
    box-shadow: -7px 17px 37px -22px rgba(239, 232, 248, 1);
}
.hw-item > [class*="col-"]{
    display : flex;
    text-align: right;
    align-items : center;
}
.col-hw-lesson-num{
    justify-content: center;
}
.col-hw-btn, .col-hw-date{
    justify-content: flex-end;
}
.hw-item span{
    display: inline-block;
    vertical-align: middle;
}
.light-span{
    color: #A897BD;
}
.top-panel_main{
    z-index: 10 !important;
}
.hw-check-right-col{
    background-color: #ffffff;
    border-left: 1px solid #e4e9f0;
}
.hw-check-left-col{
    padding: 50px 30px 50px 50px;
    text-align: center;
}
.modal-form-hw-check .modal-content{
    background-color: #fbfafd;
    border-radius: 30px;
    margin: 0 auto !important;
    padding: 0 10px;
    overflow: hidden;
}
.modal-form-hw-check .modal-body, .hw-check-right-col{
    padding: 0;
}
.modal-form-hw-check .modal-header{
    display: none;
}
.hw-check-right-col-section{
    padding: 40px;
}
.hw-check-right-col-section-no-border{
    padding: 20px 40px;
}
.hw-check-right-col-section{
    border-bottom: 1px solid #e4e9f0;
}
.hw-check-lesson, .hw-check-date, .hw-check-delim {
    color: #a897bd;
}
.hw-check-delim{
    font-size: 18px;
}
.hw-check-lesson{
    text-transform: uppercase;
    font-weight: 600;
}
.modal-form-hw-check h3.hw-lesson-name{
    font-weight: 500;
    font-size: 26px;
}
.hw-check-download-stud-file{
    position: relative;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e4e9f0;
}
.modal-form-hw-check .hw-check-small-header{
    margin-bottom: 10px;
    color: #a897bd;
}
.green-txt{
    color: #38bf7e;
}
.red-txt{
    color: #f1554b;
}
.hw-user-photo-check{
    width: 100px !important;
    height: auto !important;
}
.hw-student-name{
    padding: 10px 0;
    font-weight: 400;
}
.hw-sol-files-col{
    font-size: 16px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.hw-sol-files-col > div{
    padding-bottom: 7px;
}
.hw-sol-files-download > a{
    font-size: 16px;
    color: #966cee;
    font-weight: 600;
}
.rate-num{
    color: #000000;
    height: auto;
    min-width: 40px;
    padding: 0 10px;
    border: 1px solid #e4e9f0;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
    cursor: pointer;
    font-size: 16px;
}
@media (max-width: 1000px) {
    .rate-num{
        font-size: 12px;
    }
}
.rate-num.active{
    color: #ffffff;
    background-color: #966cee;
}
.hw-checked-file{
    font-size: 16px;
}
.hw-item .btn-check-hw{
    min-width: 70px;
    height: 40px;
    max-width: 100%;
    font-size: 14px;
}
@media (max-width: 770px) {
    .hw-item > [class*="col-"]{
        display : block;
        text-align: center;
        padding: 0;
        margin: 5px 0;
    }
    .btn-check-hw{
        max-width: 130px;
        margin: 0 auto;
    }

    .h1, .h2, h1, h2 {
        font-size: 32px;
    }    
}
.hw-student-mark{
    height: 40px;
    width: 40px;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
    font-weight: 600;
    font-size: 16px;
}
.hw-check-left-col .hw-student-mark{
    margin: 0 auto;
}
.hw-student-mark.excellent{
    background-color: #d3f4ec;
    color: #12bf8b;
}
.hw-student-mark.good{
    background-color: #f9f4ff;
    color: #459fe1;
}
.hw-student-mark.okay{
    background-color: #fff6e8;
    color: #f3a919
}
.hw-student-mark.poor{
    background-color: #ffefea;
    color: #ef3d32
}
.hw-student-mark.none{
    border: 2px solid #fbfafd;
    color: #615472;
    border-radius: 5px;
    background-color: #fff;
}
.check-hw-stats-label{
    font-size: 12px;
    color: #a897bd;
    text-align: left;
    padding: 0;
}
.active-course__lesson.disabled, .lesson__lessons-list .disabled{
    cursor: default;
    background-color: #f5f5f5;
}
.lesson__video{
    width: 100%;
}
.test-msg{
    padding: 20px;
    margin-top: 10px;
}
.active-course__lesson .completion-mark, .awaiting-mark{
    margin: 5px 26px;
}
.lesson__block, .lesson__assets{
    background-color: #ffffff;
}
.lesson__lessons-list > li{
    background-color: #ffffff;
}
.active-course__lesson > span.flex-grow-1{
    margin-top: 5px;
}
.table-scroll {
    position:relative;
    margin:auto;
    overflow:hidden;
    border:1px solid #EFE8F8;
    border-radius: 15px;
}
div#table-wrap {
    width:100%;
    overflow:auto;
}
.table-scroll table {
    width:100%;
    margin:auto;
    table-layout: fixed;
    border-collapse:separate;
    border-spacing:0;
}
.main-table tbody tr:nth-child(odd) > td, .main-table tbody tr:nth-child(odd) > th{
    background: #fbfafd;
}
.table-scroll th, .table-scroll td {
    padding: 10px 15px;
    border:1px solid #EFE8F8;
    background:#fff;
    vertical-align:middle;
    width: 110px;
    /*max-width: 110px;*/
    height: 70px;
}
.table-scroll thead th{
    font-size: 16px;
    text-align: center;
}
.table-scroll td, .table-scroll td a {
    font-size: 20px;
    text-align: center;
}
.table-scroll thead, .table-scroll tfoot {
    background:#f9f9f9;
}
.clone {
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
}
.clone th, .clone td {
    visibility:hidden
}
.clone td, .clone th {
    border-color:transparent
}
.clone tbody th {
    visibility:visible;
}
.clone .fixed-side {
    border:1px solid #EFE8F8;
    visibility:visible;
}
th.fixed-side, .clone .fixed-side{
    width: 250px;
}
.clone thead, .clone tfoot{background:transparent;}
#arrow-left, #arrow-right{
    /*position: absolute;*/
    cursor: pointer;
}
td.awaiting-check{
    background-color: #ced9ff !important;
}
td.awaiting-check:before{
    content: "Д";
}
.hw-in-progress{
    background-color: #fff2dc !important;
}
.hw-in-progress:before{
    content: url("/img/question-mark.svg");
}
.sticky-col {
    width: 250px !important;
    max-width: 250px !important;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}
@media (max-width: 500px) {
    .sticky-col{
        width: 150px !important;
        max-width: 150px !important;
    }

    .h1, .h2, h1, h2 {
        font-size: 24px;
        line-height: 115%;
    }    
}
.sticky-col > div{
    display: inline-block;
}
.sticky-col > .hw-student-mark{
    margin-right: 10px;
}
.td-check-hw{
    cursor: pointer !important;
}
.td-check-hw:hover{
    background-color: #f9f4ff;
}
.add_course:focus{
    color: #ffffff;
}
.stats-summary{
    margin-top: 50px;
    border-radius: 16px;
    border: 1px solid #EFE8F8;
    text-align: center;
    background-color: #ffffff;
}
.stats-summary div.row > div{
    border-right: 1px solid #EFE8F8;
    padding: 10px 0 20px 0;
}
.stats-summary-header{
    text-transform: uppercase;
    color: #a897bd;
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
}
.stats-summary-val{
    padding-top: 10px;
    font-size: 20px;
    font-weight: 400;
}
@media (max-width: 1600px){
    .stats-summary-header{
        font-size: 10px;
    }
}
@media (max-width: 1200px) {
    .stats-summary-header {
        font-size: 7px;
    }
}
@media (max-width: 768px) {
    .stats-summary-header {
        font-size: 12px;
    }
}

.stats-header-div{
    margin: 30px 0 20px 0;
    padding: 10px 0 5px 15px;
    border-radius: 10px;
    border: 1px solid #EFE8F8;
    background-color: #ffffff;
}
.stats-diagram-div{
    border-radius: 16px;
    border: 1px solid #EFE8F8;
    background-color: #ffffff;
}
.stats-diagram-col{
    padding: 10px;
}
.stats-diagram-filter{
    margin: 10px 0;
}
select.disabled{
    background-color: red;
}
.stats-diagram-filter .select2-selection__choice{
    font-size: 12px !important;
}
#s2-togall-subcat-id{
    display: none;
}
.card-edu__content_prof_dates{
    font-size: 16px;
}
.prof-responsibilities .tagify__input, .prof-responsibilities .tagify-add,
.prof-skills .tagify__input, .prof-skills .tagify-add,
.prof-achieves .tagify__input, .prof-achieves .tagify-add,
.prof-softs .tagify__input, .prof-softs .tagify-add{
    margin: 0 0 5px 0 !important;
}
.prof-responsibilities  .tagify tag x{
    color:#7f53ec;
}
.prof-responsibilities  .tagify tag x:hover {
    color: #7f53ec;
    background: inherit;
}
.prof-responsibilities .tagify tag>div{
    background-color: #cac3f7;
    color: #7f53ec;
    border: 1px solid #7f53ec;
}

.prof-skills  .tagify tag x{
    color:#AF5897;
}
.prof-skills  .tagify tag x:hover {
    color: #AF5897;
    background: inherit;
}
.prof-skills .tagify tag>div{
    background-color: #FDF0F7;
    color: #AF5897;
    border: 1px solid #FAC6EB;
}
.prof-achieves  .tagify tag x{
    color: #38BF7E;
}
.prof-achieves  .tagify tag x:hover {
    color: #38BF7E;
    background: inherit;
}

.prof-achieves .tagify tag>div{
    background-color: #E4FFEC;
    color: #168C4C;
    border: 1px solid #38BF7E;
}
.prof-softs  .tagify tag x{
    color: #d39d4b;
}
.prof-softs  .tagify tag x:hover {
    color: #d39d4b;
    background: inherit;
}

.prof-softs .tagify tag>div{
    background-color: #faefdd;
    color: #d39d4b;
    border: 1px solid #d39d4b;
}
.popover-header, .popover-body {
    font-family: 'Golos Text', serif;
}
.tagify__dropdown{
    z-index: 9999 !important;
}
.prof-responsibilities, .prof-skills, .prof-achieves, .prof-softs{
    margin: 0 0 20px 0;
}
.files-upload-tip{
    margin: 0 15px;
    display: inline-block;
    font-size: 13px;
    color: #a897bd;
}
.edu-btn_wrap .btn-cancel{
    font-size: 16px;
    margin: 0 20px;
}
#education-file-info, #education-file-info a{
    margin-bottom: 10px;
    font-size: 16px;
}
.panel-edu_marks_form {
    background: #fff;
    width: 100%;
    padding: 0;
    border-radius: 16px;
    border: 1px solid #EFE8F8; }
.panel-edu_marks_form .form_radio_group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FBFAFD;
    border-radius: 8px;
    width: 100%; }

.panel-edu_marks {
    width: 100%;
    max-width: 1200px;
    padding: 32px 24px 24px;
    margin: auto; }

.edu-marks-info{
    line-height: 1.5;
    font-size: 16px;
    background: #fff8ed;
    padding: 15px;
    margin: 10px 0;
    border: 2px dotted #f3a919;
    border-radius: 10px;
}
table#education-marks, table#prof-orient-skills{
    width: 100%;
    font-size: 16px;
}
table#education-marks td, table#prof-orient-skills td{
    padding: 20px;
}
table#education-marks td.first{
    width: 60%;
}
table#education-marks td.second{
    width: 40%;
}
@media (max-width: 1220px) {
    table#education-marks td.first{
        width: 40%;
    }
    table#education-marks td.second{
        width: 60%;
    }
}
table#prof-orient-skills td.first{
    width: 40%;
}
table#prof-orient-skills td.second{
    width: 60%;
}
@media (max-width: 1220px) {
    table#prof-orient-skills td.first{
        width: 20%;
    }
    table#prof-orient-skills td.second{
        width: 80%;
    }
}
td.second > .form-group{
    float: right;
}
table#education-marks tr:nth-child(even), table#prof-orient-skills tr:nth-child(even){
    background: #fbfafd;
}
.form-group-marks{
    margin: 0;
    width: 100%;
}
.panel-edu_marks_form .edu-btn_wrap{
    margin: 15px;
}
.subject-mark-radiolist{
    height: 25px;
}
@media (max-width: 1000px) {
    .subject-mark-radiolist{
        height: auto;
    }
}
/*.trajectory__addition__steps > a, .trajectory__addition__steps > div{*/
/*    width: 20%;*/
/*}*/
.trajectory__steps__4 > a, .trajectory__steps__4 > div{
    width: 20%;
}
.trajectory__steps__3 > a, .trajectory__steps__3 > div{
    width: 28%;
}
.card-edu.no-edu{
    max-width: 100%;
}
.card-edu.no-edu span{
    line-height: 1.4;
}
.trajectory-edu-cards{
    display: inline-flex;
}
.trajectory-edu-cards .card-edu{
    min-width: 300px;
    margin-left: 20px;
}

/**
    Стили для select2, дублируют стили из main.css, отличие в наличии important
 */


.select2-container--krajee {
    min-width: 200px !important; }

.select2-results__option {
    min-height: 40px !important;
    padding: 10px 16px !important; }

/*.select2-container--krajee-bs4 .select2-results > .select2-results__options {*/
/*    max-height: 100% !important; }*/

.select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
    border: 1px solid #EFE8F8 !important;
    border-radius: 8px !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1.428571429 !important;
    padding: 6px 24px 6px 12px !important; }

.select2-container--krajee-bs4 .select2-selection--single {
    height: 44px !important;
    line-height: 1.428571429 !important;
    padding: 6px 24px 6px 12px !important; }
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__placeholder {
    font-size: 16px !important;
    line-height: 20px !important;
    /*color: #392B4B !important;*/
}
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    position: absolute !important;
    bottom: 0 !important;
    right: 5px !important;
    top: 10px !important;
    width: 24px !important;
    height: 24px !important;
    background: url("../img/arrow-select.svg") !important;
    border-left: none !important; }
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow b {
    display: none !important; }

.select2-container--krajee-bs4 .select2-results__option--highlighted[aria-selected],
.select2-container--krajee-bs4 .select2-results__option[aria-selected=true] {
    background-color: #FBFAFD !important;
    color: #392B4B !important; }

.select2-container--krajee-bs4 .select2-dropdown {
    border: none !important;
    background: #FFFFFF !important;
    box-shadow: 0px 2px 8px rgba(24, 29, 54, 0.2) !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    margin-top: 2px !important; }

.select2-container--krajee-bs4 .select2-container--open.select2-container--below .select2-selection {
    border-bottom-color: #966CEE !important; }

.select2-container--krajee-bs4.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: url("../img/arrow-select-open.svg") !important; }

.select2-container--krajee-bs4.select2-container--focus .select2-selection--single .select2-selection__arrow {
    background: url("../img/arrow-select-close.svg") !important; }

.select2-container--krajee-bs4.select2-container--focus.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: url("../img/arrow-select-open.svg") !important; }

.select2-container--krajee-bs4.select2-container--disabled .select2-selection,
.select2-container--krajee-bs4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    border: none !important;
    /*background-color: #fff !important; */
}

.select2-container--krajee-bs4.select2-container--focus .select2-selection,
.select2-container--krajee-bs4.select2-container--open .select2-selection {
    border: 1px solid #966CEE !important;
    /*background-color: #fff !important;*/
}

.select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection,
.select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection:focus {
    border: 1px solid #966CEE !important;
    /*background-color: #fff !important; */
}

.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown {
    margin-top: 1px !important; }
.select2-container--krajee-bs4.select2-container--disabled .select2-selection,
.select2-container--krajee-bs4.select2-container--disabled .select2-selection--multiple .select2-selection__choice{
    border: 1px solid #EFE8F8 !important;
}

div.error-block, div.success-block{
    font-size: 16px;
    padding: 20px;
    margin: 5px 0;
    border-radius: 15px;
    text-align: center;
    width: 100%;
}
div.error-block{
    background: #feeee6;
}
div.success-block{
    background: #ccf6e5;
}
div.error-block span, div.success-block span{
    margin-left: 5px;
}
.modal-footer > *{
    min-width: 70px;
    width: 15%;
    margin: 5px !important;
}
.bootbox.modal .modal-content{
    padding: 20px;
    border-radius: 20px;
    max-width: 800px;
    font-size: 16px;
    margin: 0 auto;
}
.back-to-edu .btn{
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #966cee;
}
.u-can-skip a{
    font-size: 16px;
    color: #966cee;
}
.u-can-skip{
    font-size: 16px;
}
.trajectory__addition__steps{
    max-width: 1100px;
    margin: 0 auto;
}
.tagify{
    border: none !important;
}
.prof-choose *{
    font-size: 16px ;
    line-height: 1.5;
}
.prof-choose .select2-selection__clear{
    font-size: 22px !important;
    color: red !important;
}
.prof-orient-panel{
    background-color: #8a67d5;
}
.prof-orient-panel h2, .prof-orient-panel h1{
    color: white;
}
.prof-orient-panel h2{
    font-size: 36px;
}
.prof-orient-main-question{
    margin: 30px auto;
    max-width: 700px;
    line-height: 1.5;
    color: white;
    font-weight: 600;
    text-align: center;
    font-size: 40px;
}


/*CARDS*/


*, *:before, *:after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.prof-orient {
    width: 100%;
    height: 480px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.loaded.prof-orient {
    opacity: 1;
}

.prof-orient--status {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 2;
    width: 100%;
    text-align: center;
    pointer-events: none;
}

.prof-orient--status i {
    font-size: 100px;
    opacity: 0;
    transform: scale(0.3);
    transition: all 0.2s ease-in-out;
    position: absolute;
    width: 100px;
    margin-left: -50px;
}

.prof-orient_love .fa-thumbs-o-up {
    opacity: 0.7;
    transform: scale(1);
}

.prof-orient_nope .fa-thumbs-o-down {
    opacity: 0.7;
    transform: scale(1);
}

.prof-orient--cards {
    flex-grow: 1;
    padding-top: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 1;
}

.prof-orient--card *{
    pointer-events: none;
}

.prof-orient--card {
    -webkit-box-shadow: 11px 8px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 11px 8px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 11px 8px 8px 0px rgba(34, 60, 80, 0.2);
    display: inline-block;
    width: 100%;
    max-width: 550px;
    height: 420px;
    background: #FFFFFF;
    padding-bottom: 40px;
    border-radius: 15px;
    overflow: hidden;
    position: absolute;
    will-change: transform;
    transition: all 0.3s ease-in-out;
    /*cursor: -webkit-grab;*/
    /*cursor: -moz-grab;*/
    /*cursor: grab;*/
}

.moving.prof-orient--card {
    transition: none;
    /*cursor: -webkit-grabbing;*/
    /*cursor: -moz-grabbing;*/
    /*cursor: grabbing;*/
}

.prof-orient--card h3 {
    text-align: center;
    font-size: 22px;
    padding: 0 16px;
    pointer-events: none;
    line-height: 1.5;
}

.prof-orient--card p {
    text-align: center;
    margin-top: 14px;
    font-size: 16px;
    padding: 0 16px;
    pointer-events: none;
}

.prof-orient--buttons {
    flex: 0 0 100px;
    text-align: center;
    padding-top: 20px;
}

.prof-orient--buttons button {
    border-radius: 50%;
    line-height: 60px;
    width: 60px;
    border: 0;
    background: #FFFFFF;
    display: inline-block;
    margin: 0 8px;
}

.prof-orient--buttons button:focus {
    outline: 0;
}

.prof-orient--buttons i {
    font-size: 32px;
    vertical-align: middle;
}

.fa-thumbs-o-up {
    color: #3dd181;
}

.fa-thumbs-o-down {
    color: #FFACE4;
}

.card-subj-action{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-content: flex-end;
    pointer-events: none;
}
.card-subj-item{
    padding: 15px 0;
    font-size: 16px;
    flex-grow: 1;
    color: white;
    line-height: 2;
    pointer-events: auto;
    cursor: pointer;
    /*height: 50px;*/
}
.card-subj-item img{
    display: block;
    margin: 0 auto;
}
.card-subj-item.action-negative{
    background-color: #d74c43;
}
.card-subj-item.action-neutral{
    background-color: #e5a72f;
}
.card-subj-item.action-positive{
    background-color: #1f9756;
}
.subj-img{
    pointer-events: none;
    padding: 40px 0;
}
.subj-nums{
    color: #cec4d9;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}
.cards-titles-sidebar{
    -webkit-box-shadow: 11px 8px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 11px 8px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 11px 8px 8px 0px rgba(34, 60, 80, 0.2);
    height: 500px;
    width: 100%;
    background-color: white;
    border-radius: 15px;
    padding: 25px;
}
.cards-titles-header{
    font-size: 18px;
    font-weight: 700;
}
.cards-titles-progress{
    margin: 20px 0;
}
.cards-titles-progress, .cards-titles-progress progress{
    width: 100%;
}
.cards-titles-progress progress{
    height: 28px;
}
.progress {
    height: 28px;
    border-radius: 30px;
    width: 100%;
    background-color: #615473;
    position: relative;
}
.progress:before {
    font-size: 13px;
    color: white;
    text-transform: uppercase;
    content: attr(data-label);
    position: absolute;
    text-align: center;
    top: 12px;
    left: 0;
    right: 0;
    font-weight: 500;
}
.progress .value {
    background-color: #966cee;
    display: inline-block;
    height: 100%;
}
.cards-titles-list-item{
    font-weight: 400;
    color: #9c94a7;
    font-size: 15px;
    padding: 10px 0;
}
#cards-titles-list{
    overflow-y: scroll;
    height: 350px;
    -moz-box-shadow: inset 0 -10px 10px -10px #FFFFFF;
    -webkit-box-shadow: inset 0 -10px 10px -10px #FFFFFF;
    box-shadow: inset 0 -10px 10px -10px #FFFFFF;
}
.cards-titles-list-item.negative, .cards-titles-list-item.neutral, .cards-titles-list-item.positive{
    font-weight: 700;
}
.cards-titles-list-item.negative{
    color: #d74c43;
}
.cards-titles-list-item.neutral{
    color: #e5a72f;
}
.cards-titles-list-item.positive{
    color: #1f9756;
}
#cards-titles-list::-webkit-scrollbar {
    width: 0.3em;
}
#cards-titles-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}
#cards-titles-list::-webkit-scrollbar-thumb {
    background-color: #efe8f8;
}
.prof-orient-start-div{
    width: 100%;
    background-image: url("/img/prof-orient/lines.svg"),
    url("/img/prof-orient/lines2.svg"),
    linear-gradient(0deg, #7D59CA 0%, #9370DD 100%);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left, right;
    border-radius: 15px;
}
.prof-orient-start-div h2, .prof-orient-start-div p{
    text-align: center;
    color: #ffffff;
}
.prof-orient-start-div p{
    margin: 30px auto;
    width: 100%;
    max-width: 700px;
    font-weight: 300;
    font-size: 16px;
}
.prof-orient-start-img{
    text-align: center;
    margin: 0 auto;
}
.prof-orient-btn-action{
    margin: 30px 0;
    padding: 30px 0;
    text-align: center;
}
.prof-orient-btn-action button{
    margin: 5px 5px;
    border-radius: 8px;
    font-weight: 500;
    padding: 7px 30px;
}
.prof-orient-btn-action .btn-skip{
    background-color: #966cee;
    color: #ffffff;
}
.prof-orient-btn-action .btn-next{
    background-color: #ffffff;
    color: #966cee;
}
.prof-orient-main-img{
    text-align: center;
    padding: 40px;
}
.prof-orient-main-img img{
    max-width: 1200px;
    width: 100%;
}
.cards-titles-list-item:hover{
    cursor: pointer;
    background-color: #f9f4ff;
}
.prof-orient-p{
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 50px;
}
.rounded-div{
    text-align: center;
    border: 2px solid #efe8f8;
    padding: 10px;
    border-radius: 10px;
}
.owl-carousel .owl-item img{
    width: auto;
    /*height: 100%;*/
}
.company_about iframe{
    width: 100%;
    height: 400px;
}
/*.salary-text input{*/
/*    width: 120px;*/
/*}*/
#s2-togall-trajectorymanualtarget-positions_arr{
    display: none;
}
.rating-short-val{
    border: 1px solid #edba54;
    background-color: #fffded;
    height: 40px;
    width: 60px;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
    font-weight: 500;
    font-size: 16px;
}
.course_item .course_item__content .course_item__info .info_block {
    width: 100%;
}
ol li.lsn::marker{
    font-size: 16px;
}
.course_item__header .course_item__elements > a.fav {
    display: inline-block;
    float: right;
    margin-right: 8px;
    margin-top: 8px;
}
.trajectory {
    max-width: 1350px;
}
.trajectory__results img {
    max-height: 100px;
}
/*.mb-4{*/
/*    margin: 2rem 0 !important;*/
/*}*/
a.ct-way__fill{
    cursor: pointer;
}
.ct-way__in-progress {
    background: #F9F4FF;
    color: #966CEE;
    font-size: 14px;
    border-radius: 8px;
    display: block;
    line-height: 36px;
    padding: 0 12px;
    font-weight: 600;
    text-align: center;
}
.traj-no-courses-msg{
    background: #F9F4FF;
    padding: 20px 12px;
    color: #966CEE;
    font-weight: 500;
    text-align: center;
}
.prof-card__center{
    height: auto;
}
.its-my-goal{
    cursor: pointer;
}

.prof-card__bottom button.button_primary{
    width: 100%;
    margin: 15px 0;
}
.course_item__header img{
    height: 100%;
}
.profession__btns button.button_primary{
    margin: 0;
}
.ct-way .course_item .button_primary.is-done {
    background: #17AA63;
    pointer-events: auto;
    padding-left: 12px;
    padding-right: 16px
}
svg.radial-progress-st {
    height: auto;
    max-width: 200px;
    transform: rotate(-90deg);
    width: 100%;
}

svg.radial-progress-st circle {
    fill: rgba(0,0,0,0);
    stroke: #fff;
    stroke-dashoffset: 219.91148575129;
    stroke-width: 10;
}

svg.radial-progress-st circle.incomplete { opacity: 0.25; }

svg.radial-progress-st circle.complete { stroke-dasharray: 219.91148575129; }

svg.radial-progress-st text {
    fill: #615473;
    font-weight: 600;
    text-anchor: middle;
}
svg.radial-progress-st circle { stroke: #bdaef2; border-radius: 14px; }
.profile-photo #uploadBtn{
    z-index: 2 !important;
}
@media (min-width: 1200px) {
    .profile-photo #uploadBtn{
        width: 100% !important;
    }
}
.user-information ul li{
    border-radius: 8px;
    font-weight: 300;
}
p.traj-pos-val{
    font-size: 16px;
    line-height: 1.5;
    color: #7E8A9D;
    margin: 0;
}
.traj-pos-val strong{
    font-size: 17px;
    color: #000000;
}
.block__user-info{
    margin: 0;
}
svg.radial-progress-st .percentage_title{
    font-size: 5.5px;
    fill: #7E8A9D;
    font-weight: 500;
    text-transform: uppercase;
}
.profile-user-header{
    margin-bottom: 20px;
}
.profile-user-header-col{
    height: 100%;
}
@media (min-width: 1200px) {
    .traj-targets{
        display: flex;
        align-items: center;
    }
}
.traj-targets{
    margin-top: 5px;
}
.block__user-info h4{
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
}
.user-information{
    margin: 20px 0;
}
.profile-user-header .side_block{
    padding: 15px 15px 0 15px;
}
.rating-diagram{
    padding-top: 20px;
}
.tooltip-inner{
    font-family: 'Golos Text', serif !important;
}
.profession__cond.progs > div{
    background: #ffd07e;
}
.top-line{
    background-color: #ffffff;
}
li.traj-li{
    background: #FEEEE6;
    border-radius: 24px;
}
@media (max-width: 992px) {
    li.traj-li{
        background: #ffffff;
    }
}
.trajectory-feedback{
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #392b4b;
    line-height: 1.5;
    font-size: 16px;
    color: #ffffff;
}
.trajectory-feedback .button-div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.trajectory-feedback strong{
    line-height: 2;
}
.cart-header h2{
    text-align: center;
}
.cart-header{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30vh;
}
.table-order td{
    padding: 10px 0;
}
.manual-search *, .manual-search{
    text-align: center;
}
.marquiz__container > *{
    border-radius: 8px !important;
}
.panel-traj_reg_form .form_radio_group{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f2f1ff;
    border-radius: 12px;
    width: 100%;
}
.panel-traj_reg_form label, .panel-traj_reg_form label:hover{
    font-size: 16px;
    color: #966cee;
}
.panel-traj_reg_form{
    margin: 10px 0;
}
.ct-way .vac_item{
    width: initial;
}
.vacs-carousel.owl-theme .owl-nav .owl-prev{
    margin-left: -25px;
}
.vacs-carousel.owl-theme .owl-nav .owl-next{
    margin-right: -25px;
}
.show-more-div{
    text-align: center;
    margin: 0 auto;
}
.show-more{
    background: #F9F4FF;
    color: #966CEE;
    border: 1px solid #E6E0FA;
    padding: 10px;
    border-radius: 10px;
}
.trland-head p {
    margin-bottom: 1rem;
}
.books img{
    width: 100px !important;
    height: auto;
}
.books {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}
.books td{
    padding: 15px;
    text-align: start;
}
.book_author{
    color: #baadcb;
}
.article-desc p{
    color: #a897bd;
}
.book_price{
    color: #000000;
    font-weight: 400;
}
.owl-theme .owl-nav{
    /*z-index: -1;*/
}
.show-all-books, .show-all-books a,
.show-all-promos, .show-all-promos a,
.show-all-articles, .show-all-articles a,
.show-all-videos, .show-all-videos a{
    display: inline-block;
    color: #a07af0;
    font-weight: 600;
    font-size: 14px;
}
.books-header div, .promos-header div, .articles-header div{
    display: table-cell;
    padding: 0 25px 0 0;
}
.promocode-item{
    min-height: 300px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #efe8f8;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.promo-action, .partner-name{
    margin-top: auto;
}
.promo-action, .partner-name h5{
    text-align: center;
}
.promocode-item .partner-logo img{
    width: 150px;
    height: auto;
}
.article-item-2 .article-image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    border: 1px solid #efe8f8;
}
.article-item-2 .article-image{
    width: 100%;
    height: 200px;
}
.promocodes-carousel .owl-stage, .promocodes-carousel .owl-item,
.articles-carousel .owl-stage, .articles-carousel .owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.promocodes-section, .books-section, .articles-section{
    margin: 40px 0;
}
.article-desc p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.article-name h5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article-name{
    margin: 20px 0;
}
.trajectory-banner-carousel img{
    height: 100%;
    width: 100% !important;
    border-radius: 15px;
    border: 1px solid black;
}

.trajectory-banner-carousel {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 20px 0;
}
.trajectory-banner-carousel:after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 22%;
    width: 55%;
    height: 100%;
    box-shadow: 0px 0px 0px 2000px rgba(255, 255, 255, 0.9);
}
.trajectory-banner-carousel .owl-nav{
    display: block !important;
    z-index: 10;
    top: 60% !important;
}
.trajectory-banner-carousel .owl-nav .owl-next{
    margin-right: 10px !important;
}
.trajectory-banner-carousel .owl-nav .owl-prev{
    margin-left: 10px !important;
}

@media (max-width: 1200px) {
    .carousel-main-xl{
        display: none;
    }
}
.carousel-main-sm{
    height: 220px;
}
.carousel-main-sm .trajectory-banner-carousel, .carousel-main-sm .trajectory-banner-carousel *{
    height: 100%;
}
.carousel-main-sm .trajectory-banner-carousel .owl-item{
    /*width: 200px !important;*/
}
#modal-form.centered-modal .modal-content, #modal-promo .modal-content {
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
    max-width: 800px;
}
/*.centered-modal, #modal-promo {*/
/*    padding-top: 15%;*/
/*}*/
@media (max-width: 700px) {
    /*.centered-modal, #modal-promo {*/
    /*    padding-top: 10%;*/
    /*}*/
    .copy-to-clpbrd{
        margin: 10px auto;
    }
}
.promocode-modal input{
    width: 100%;
}
.promocode-modal p{
    font-size: 18px;
    line-height: 1.5;
}
.promocode-modal .partner-logo{
    margin: 15px;
    width: 100px;
    height: auto;
}

/* конфетти */
.confetti {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 96px;
    overflow: hidden;
    pointer-events: none;
}

.confetti-piece {
    position: absolute;
    width: 6px;
    height: 10px;
    background: #FBBA23;
    top: -10px;
    opacity: 0;
}
.confetti-piece:nth-child(1) {
    left: 7%;
    transform: rotate(157deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 117ms;
    animation-duration: 460ms;
}
.confetti-piece:nth-child(2) {
    left: 14%;
    transform: rotate(-73deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 310ms;
    animation-duration: 522ms;
}
.confetti-piece:nth-child(3) {
    left: 21%;
    transform: rotate(-118deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 68ms;
    animation-duration: 388ms;
}
.confetti-piece:nth-child(4) {
    left: 28%;
    transform: rotate(43deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 31ms;
    animation-duration: 640ms;
}
.confetti-piece:nth-child(5) {
    left: 35%;
    transform: rotate(121deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 197ms;
    animation-duration: 652ms;
}
.confetti-piece:nth-child(6) {
    left: 42%;
    transform: rotate(-141deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 85ms;
    animation-duration: 529ms;
}
.confetti-piece:nth-child(7) {
    left: 49%;
    transform: rotate(141deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 103ms;
    animation-duration: 520ms;
}
.confetti-piece:nth-child(8) {
    left: 56%;
    transform: rotate(-75deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 136ms;
    animation-duration: 363ms;
}
.confetti-piece:nth-child(9) {
    left: 63%;
    transform: rotate(17deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 330ms;
    animation-duration: 484ms;
}
.confetti-piece:nth-child(10) {
    left: 70%;
    transform: rotate(16deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 121ms;
    animation-duration: 594ms;
}
.confetti-piece:nth-child(11) {
    left: 77%;
    transform: rotate(-148deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 128ms;
    animation-duration: 423ms;
}
.confetti-piece:nth-child(12) {
    left: 84%;
    transform: rotate(104deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 303ms;
    animation-duration: 473ms;
}
.confetti-piece:nth-child(13) {
    left: 91%;
    transform: rotate(125deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 128ms;
    animation-duration: 605ms;
}
.confetti-piece:nth-child(odd) {
    background: #65BB5C;
}
.confetti-piece:nth-child(even) {
    z-index: 1;
}
.confetti-piece:nth-child(4n) {
    width: 5px;
    height: 13px;
    animation-duration: 1400ms;
    background: #F23B14;
}
.confetti-piece:nth-child(3n) {
    width: 5px;
    height: 13px;
    animation-duration: 1750ms;
    animation-delay: 700ms;
}
.confetti-piece:nth-child(4n-7) {
    background: #2A2F6A;
}

@keyframes makeItRain {
    from {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    to {
        transform: translateY(96px);
    }
}
.trland-head__list{
    margin: 0 0 20px;
}
.trland-head{
    overflow: initial;
    height: 750px;
}
@media (max-width: 1200px) {
    .trland-head{
        height: 1200px;
    }
}
.choose-lvl button{
    width: 100%;
}
.choose-lvl h4{
    text-align: center;
    margin: 0 20px 20px 20px;
}
.font-captions {
    font-size: 12px;
    line-height: 16px; }
.finances__money-block {
    margin-bottom: 28px;
    padding: 16px 10px;
    border: 1px solid #EFE8F8;
    border-radius: 16px; }
.finances__money-block .settings-button {
    padding: 10px 24px;
    background-color: #F9F4FF;
    border: 1px solid #E6E0FA;
    border-radius: 8px;
    color: #966CEE; }
.finances__money-block .cashout-button {
    background-color: #966CEE;
    padding: 10px 32px 10px 24px;
    border-radius: 8px;
    margin-right: 24px; }

.finances__categories {
    margin-bottom: 16px;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
    margin-right: -15px;
    margin-left: -15px; }
.finances__categories .category {
    padding: 24px 8px;
    box-shadow: inset -1px 0px 0px #E4E9F0; }
.finances__categories .category .category-name {
    color: #A897BD;
    margin-bottom: 12px; }
.finances__categories .category:last-child {
    box-shadow: none; }

.finances__diagram {
    padding: 0px 24px;
    border: 1px solid #EFE8F8;
    border-radius: 16px; }
.finances__diagram form {
    margin-top: 24px; }
.finances__diagram form .form-group {
    margin-bottom: 24px; }
@media only screen and (min-width: 992px) {
    .finances__diagram .diagram-wrapper {
        border-right: 1px solid #EFE8F8; } }
.withdraw-block *{
    text-align: center;
}
.withdraw-msg{
    font-size: 16px;
    margin: 35px 0;
}
.withdraw-ok{
    cursor: pointer;
    width: 100px;
    margin: 0 auto;
    user-select: none;
    text-decoration: none !important;
    transition: background .2s;
}
.discount-msg-div p{
    color: #A897BD;
    font-size: 18px;
}
.discount-msg-div *{
    text-align: center;
}
@media (max-width: 1000px) {
    .prof-orient-main-question{
        font-size: 16px;
        margin: 5px;
    }
    .prof-orient-p .section_title{
        display: none;
    }
    .prof-orient--card{
        min-height: 400px;
        height: auto;
    }
    .prof-orient.loaded{
        height: 450px;
    }
    .prof-orient--card h3{
        font-size: 20px;
    }
}
@media (max-width: 800px) {
    .prof-orient-btn-action.for-mobile{
        display: block;
        margin: 10px auto 20px auto;
        padding: 0;
    }
    .prof-orient-btn-action.for-pc{
        display: none;
    }
}
@media (min-width: 800px) {
    .prof-orient-btn-action.for-mobile{
        display: none;
    }
    .prof-orient-btn-action.for-pc{
        display: block;
    }
}
@media (max-width: 750px) {
    .cards-titles-sidebar{
        margin-top: 50px;
    }
    .skill-question .card__question h3{
        font-size: 20px;
    }
}
.trajectory-main{
    background-color: #ffffff;
    padding: 25px;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
}
.partner-card-img{
    overflow: hidden;
}
@media screen and (min-width: 992px){
    .partner-card-img img{
        margin: 0 auto;
        width: auto !important;
        height: 80px;
    }
}
.promote{
    display: inline-block;
    background-color: #EC9E08;
    border-radius: 8px;
    color: #ffffff;
    padding: 8px 10px;
    float: right;
    margin: 10px;
    font-size: 16px;
    font-weight: 500;
}
.promote span{
    margin: 0 0 0 5px;
    vertical-align: middle;
}
.course-share-msg{
    display: block;
    width: 100%;
    padding: 15px;
    margin: 10px 0 20px 0;
    background: #FAEFDC;
    border: 1px solid #EFD4A0;
    border-radius: 8px;
}
.btn-copy-link, .btn-copy-link:hover, .btn-copy-link:active{
    width: 100%;
    background-color: #ffffff;
    color: #966CEE;
}
.btn-copy-link{
    margin: 0 auto;
}
.btn-copy-link span{
    margin: 0 0 0 10px;
}
.promotion-modal h3{
    margin: 25px 0 20px 0;
}
.promotion-modal p{
    line-height: 1.5;
    font-size: 16px;
    color: #A897BD;
}
.promotion-modal p.desc{
    font-size: 14px;
    padding: 0;
}
.promotion-modal p.note{
    font-size: 11px;
    margin: 5px 0;
}
.promotion-modal p.note.red{
    color: darkred;
}
.promotion-modal h4{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}
.promotion-modal span.price{
    font-size: 22px;
    font-weight: 700;
}
.promotion-modal .price-and-start{
    text-align: center;
}
.btn-promote{
    color: #ffffff;
    background-color: #966CEE;
    border-radius: 8px;
    font-weight: 600;
    padding: 12px 25px;
    font-size: 16px;
    margin-bottom: 15px;
    width: 100%;
}
.promotion-modal table{
    width: 100%;
}
.promotion-modal table td{
    border: 1px solid #E4E9F0;
    padding: 10px;
    text-align: center;
}
.promotion-modal table td p{
    text-align: center;
    color: #A897BD;
    margin: 7px 0;
}
.promotion-modal table td span{
    font-size: 16px;
    font-weight: 500;
    line-height: 0.8;
}
@media screen and (max-width: 768px){
    .promotion-modal .btn-promote{
        margin: 15px 0;
        width: 100%;
    }
}
a.promotion_item__toggle{
    padding: 5px 3px;
    background: #F9F4FF;
    border-radius: 24px;
}
.promotion_item__toggle[aria-expanded=false] svg{
    transition: all 0.5s;
}
.promotion_item__toggle[aria-expanded=true] svg {
    transition: all 0.5s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.number-input input,
.number-input textarea {
    border: 1px solid #A897BD;
    color: #A897BD;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 10px;
}

.number-input input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.number-input input::-webkit-outer-spin-button,
.number-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.number-input .input-group {
    clear: both;
    margin: 15px 0;
    position: relative;
}

.number-input .input-group input[type='button'] {
    background-color: #A897BD;
    color: #ffffff;
    min-width: 38px;
    width: auto;
    transition: all 300ms ease;
    border-radius: 5px;
    z-index: 10;
}

.number-input .input-group .button-minus,
.number-input .input-group .button-plus {
    font-weight: bold;
    height: 38px;
    padding: 0;
    width: 38px;
    position: relative;
}

.number-input .input-group .quantity-field {
    position: relative;
    height: 38px;
    left: -9px;
    text-align: center;
    width: 100px;
    display: inline-block;
    font-size: 13px;
    resize: vertical;
}
.number-input .input-group{
    justify-content: center;
}

.button-plus {
    left: -13px;
}

input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
}
@media screen and (max-width: 768px){
    .number-input .input-group .quantity-field {
        width: 70%;
    }
}
.promotion-modal{
    margin: 0 40px;
}
[id*="prom-desc"]{
    padding: 0;
}
.btn-promote:disabled{
    background-color: #b1b1b1;
}
.side_block.block_details > img {
    background-color: #fbf2e7;
}
/**
* contact page
**/
.panel-contact-form{
    overflow: hidden;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    height: 100%;
}
.panel-info-block{
    overflow: hidden;
    padding: 30px 50px;
    border-radius: 20px;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    font-size: 24px;
    line-height: 32px;
}
.panel-info-block a{
    font-size: 24px;
}
.panel-info-block.mailto-list{
    font-size: 24px;
}
.panel-info-block.mailto-list svg{
    margin-right: 15px;
}
.panel-info-block.mailto-list p{
    font-size: 12px;
}
.panel-info-block.mailto-list span{
    color: rgba(168, 151, 189, 0.5);
    margin-left: 47px;
    display: block;
}
.contact-form-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-form_title{
    font-size: 16px;
    line-height: 24px;
}
@media only screen and (max-width: 1199px) {
    .panel-info-block a{
        font-size: 14px;
    }
    .panel-info-block h3{
        font-size: 20px;
    }
    .panel-info-block.mailto-list svg{
        margin-right: 10px;
    }
    .panel-info-block{
        padding: 30px;
    }
    .panel-info-block h4{
        font-size: 14px;
        line-height: 20px;
    }

    .panel-info-block h5{
        font-size: 13px;
        line-height: 16px;
    }

    .panel-info-block{
        font-size: 14px;
        line-height: 20px;
    }
    .contact-r{
        display: none;
    }
    p{
        margin-bottom: 5px;
    }
    .panel-info-block h4{
        margin: 5px 0!important;
    }
    .contact-form-img{
        display: none;
    }
}
@media only screen and (max-width: 992px) {
    .contact-form_title{
        font-size: 20px;
        line-height: 28px;
    }
}
@media only screen and (min-width: 992px) {
    .contact-form-form img {
        display: none;
    }
}
/**
* subscriber
**/
.course-empty_content span{
    color: #FF5B00;
}
.row-for-subscriber{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.row-for-subscriber .subscriber-field{
    height: 100px;
}
.row-for-subscriber .subscriber-add{
    height: 100px;
}
.row-for-subscriber .subscriber-add button{
    width: 100%;
}
.course-empty_content .h4{
    font-size: 24px;
    line-height: 32px;
}
.course-empty_content img{
    max-width: 100%;
}
/*****/
@media (max-width: 992px) {
    .filter-section .filters_active {
        margin: 0;
    }

    .course-empty_content, .course-empty_content span, .course-empty_content .h4{
        color: #A897BD;
        font-size: 18px;
        line-height: 28px;
    }
}
img.course-teachers__item{
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: center
}
.slide-content__title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 50px;
}
.course-item{
    /*margin: 0 auto 20px auto;*/
}
.partner-card-title{
    margin: 10px 0;
    color: #a897bd;
    text-align: center;
}
.module__title{
    min-width: 250px;
    font-size: 20px;
    line-height: 26px;
}
.page__image_i{
    max-width: 100%;
}
img.partn__image{
    max-height: 90px;
    max-width: 150px;
    vertical-align: middle;
}
.partn__item{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    height: 100%;
    width: 100%;
}
.redactor-box ol, .redactor-box ul{
    font-family: "Golos Text";
}
.redactor-box .re-icon{
    font-size: 22px;
}
.redactor-box .redactor-toolbar li a{
    padding: 10px 20px;
}
.description-info p{
    color: #000000;
}
.btn-load-photo{
    margin: 0;
    margin-top: 10px;
}
video, .welcome__video iframe{
    min-height: 250px;
    border-radius: 15px 15px 0 0;
}
.course__poster{
    height: 200px;
    border-radius: 15px 15px 0 0;
}
video[poster], .course__poster, .welcome__video iframe{
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.welcome__video video, .welcome__video .course__poster, .welcome__video iframe{
    display: block;
}
@media (max-width: 767px) {
    .welcome__video video, .welcome__video .course__poster, .welcome__video iframe{
        display: none;
    }
}
.select2-container .select2-search--inline{
    float: none !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    white-space: normal;
}
#user-prof-dropdown li a { margin: 0px; display: block; width: 100%; height: 100%; }

button.owl-prev.disabled, button.owl-next.disabled{
    display: none !important;
}
.saving-disk{
    display: none;
}
.saving-disk span{
    color: #bcafcc;
    vertical-align: middle;
}
.saving-disk img{
    width: 25px;
    margin: 0 10px;
}
.submit-lesson{
    display: inline-block;
    float: right;
}
.owl-nav {
    pointer-events: none;
}
.owl-next, .owl-prev {
    pointer-events: auto;
}
.lds-facebook {
    display: none;
    position: relative;
    width: 40px;
    height: 40px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 14px;
    background: #966cee;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}
.steck-form .steck-form__file_con{
    gap: 0;
}
.course_item .cat_markers{
    pointer-events: auto;
}
.vebinar-not-ready{
    cursor: pointer;
}
.icon_calendar {
    background-image: url(../img/icon_calendar.svg)
}
.icon_clock {
    background-image: url(../img/icon_clock.svg)
}
[id*="education-pop"] .modal-content.modal-st{
    width: 100%;
}
#btnSend{
    cursor: pointer;
}
.chat-mm-outer{
    padding: 8px 0;
}
.chat-mm:not(:last-child) {
    margin-bottom: 0;
}
.chat-mm.message-incom{
    float: right;
}
.message-not-read{
    background-color: #f9f4ff;
}
.empty .img{
    text-align: center;
}
.empty .img img{
    padding: 20px;
    width: auto;
    max-height: 250px;
}
.chat-b__container .empty{
    padding: 100px 0;
}
.chat-b__dialog_close{
    margin-left: auto;
    float: right;
}
a.payment-info, a.add-company-info{
    font-weight: 600;
    color: #a07aef;
    font-size: 16px;
}

.company-person-card .person-photo img {
    /*border-radius: 50%;*/
    /*width: 100px;*/
    /*height: auto;*/
    /*margin: 0 auto;*/
}
.company-person-card .person-name{
    font-weight: 700;
    margin: 0 0 20px 0;
    font-size: 16px;
}
.company-person-card .person-short_desc{
    font-weight: 500;
    color: #5d5666;
}
@media (max-width: 991.98px) {
    .admin-bar {
        display: block;
    }
    .body__container_text_title{
        font-size: 40px;
        line-height: 40px;
        margin-top: 40px;
    }
}
.breadcrumb{
    background-color: #ffffff;
    padding: 0;
}

.breadcrumb li, .breadcrumb a{
    font-size: 11px;
}
.breadcrumb a{
    color: #966cee;
    font-weight: 500;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #966cee;
    content: " / ";
}
.breadcrumb-marketplace .breadcrumb{
    padding: 20px 0;
}
.main__select .form-group{
    margin-bottom: 0;
}
ul[id^="course-module-"]{
    min-height: 20px;
}
ul[id^="course-module-"] li:hover{
    cursor: pointer;
}
ul[id^="course-module-"] li.ui-sortable-helper{
    cursor: move;
}

.button_back-white{
    background-color: #fff;
    color: #7d59ca;
    margin-left: 5px;
}
.button_back-white i{
    margin-left: 10px;
}
.profession__head .profession__btns{
    gap: 10px;
}
.skill-question{
    padding: 70px 0;
    /*border: 3px solid green;*/
    text-align: center;
}
.step_complete, .step_delete, .step_complete_resps{
    pointer-events: all;
}
[data-spoller], .tr-blocki__progress{
    transition: 0.3s ease-in-out;
}
[data-spoller].passed{
    filter: brightness(90%);
}
[data-spollers]{
    overflow: hidden;
}
.task-passed:hover span{
    display: none;
}
.task-passed:hover{
    background-color: indianred;
    color: #fff;
}
.task-passed:hover:before{
    content: 'Отмена';
}
.priority__img{
    margin-right: 20px;
    pointer-events: auto;
}
.cabinet-panel [data-spollers] > li{
    position: relative;
    z-index: 0;
}
.cat_marker__item.green, .cat_marker__item.red{
    color: #fff !important;
}
.university__logo {
    background-color: #392b4b;
}
.cab-tp__body{
    width: 100%;
}
.left-sidebar.course-sidebar{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 10px;
}
a.ecommerce_send:not(.slide-content__go_btn):hover{
    color: #fff;
}
.footer__title{
    z-index: 0;
}
@media (max-width: 992px){
    .mobile__display {
        display: block;
        margin-bottom: 32px;
    }
    .about-course__maintitle, .geekbrains-logo{
        display: none;
    }
    .course-buy__div{
        z-index: 4;
        padding: 20px 0;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .course-buy__div .ecommerce_send,
    .course-buy__div .btn-place,
    .course-buy__div .left-sidebar__link{
        max-width: 300px;
        margin: 10px auto;
    }
    .left-sidebar__span{
        display: block;
    }
}
.select2-container--krajee-bs4.select2-container--disabled .select2-selection, .select2-container--krajee-bs4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #e9ecef
}
img.main-logo{
    margin: 5px 10px 0 0;
}
.help-block{
    color: #a94442;
}
.docs-link{
    color: #966cee;
    font-size: 20px;
}
.top-p .company__logo{
    margin: 10px 20px;
}
@media (max-width: 991px) {
    .top-p .company__logo .logo-wrapper img{
        width: auto;
        max-height: 110px;
        margin: 10px 20px;
    }
}
@media (min-width: 991.98px) {
    .stat-block__list .top-risk-zon {
        height: auto;
        margin-top: 22px
    }
}
.stat-block__list .stat-block .age__button .button{
    transition: 0.3s ease-in-out;
}
.no-data__label{
    font-size: 16px;
    position: absolute;
    margin: 10px auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.chart-body, .statistic-body, .chart-bar{
    position: relative;
}
.stat-block__list .stat-block .chart-bar__wrapper{
    height: auto;
}
.stat-block__list .stat-block .chart-bar__wrapper #chart__user-age{
    height: auto;
}
.step-s__input{
    margin-top: 15px;
}
.jobs__list, .users__list, .filtr-res__list{
    position: relative;
    margin: 20px 0;
}
.list__part-left .stat-block div[class*="-panel"], .list__part-right .stat-block div[class*="-panel"]{
    display: none;
}
.stat-block__list .top-risk-zon .users__list .user-dec .user__person .user__post{
    margin: 0 auto;
    max-width: 200px;
}
.user-dec .name p{
    line-height: 1.2;
}
.stat-block__list{
    margin-top: 20px;
}
.filtr-res__list .result .specific{
    border-right: 1px solid #EFE8F8;
}
.logo-mob__wrapper img{
    max-width: 100px;
}
.sah-hed__wrapper *{
    color: #5d5f69;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.sah-hed__wrapper #user-prof-dropdown li{
    padding: 7px 15px;
}
.error-msg.aboutText{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.search-wrapper-educational-materials{
    position: relative;
}
.tr-blocki__content_list {
    display: block;
}
.users__item-person-info-data{
    height: 70px;
}
.users__item-person-info{
    display: block;
}
.users__item-target{
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.users__item-traektory:hover, .users__item-traektory:active, .users__item-traektory:focus {
    color: #fff;
    background: #966cee;
}
.users__item-traektory.disabled,
.users__item-traektory.disabled:hover,
.users__item-traektory.disabled:active,
.users__item-traektory.disabled:focus{
    background: #b09ed7;
}
.slide-content__go_btn{
    text-align: center;
}
#salary-by-exp{
    height: 400px !important;
}
.search_result ul li a img{
    width: 70px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.top-p .top-p__it .company .company-des .company__info{
    width: 100%;
}
.top-p .top-p__it .company .company-des{
    border: none;
}
.container-ac .top-p{
    display: block;
}
.chat-b__dialog{
    width: 400px;
}
.wait__box, .wait__box-b {
    line-height: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 500px;
}

.wait__box-b h3 {
    margin-top: 30px;
    margin-bottom: -5px;
    text-align: center;
}

.wait__box-b .card-loader {
    width: 70px;
}

.wait__box-b p {
    font-size: 18px;
    opacity: .8;
}

.wait__box_small{
    line-height: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.wait__box, .wait__box_small, .wait__box-b p {
    opacity: 0.3;
    animation: fadeinout 2s infinite;
}

.wait__box-b p {
    opacity: 0.3;
    animation: fadeinout 2s infinite;
}

.wait__box h3 {
    margin-bottom: 6px;
}

@keyframes fadeinout {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

.card-loader {
  width: 50px;
  padding: 10px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #966cee;
  --_m:
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: cardLoader 1s infinite linear;
}
@keyframes cardLoader {to{transform: rotate(1turn)}}

@keyframes fadein {
    from { opacity: 0.3; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0.3; }
    to   { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0.3; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0.3; }
}
.mentors__item img{
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}

.admin-f {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 25px 42px;
    margin-bottom: 28px
}

@media (max-width: 991.98px) {
    .admin-f {
        padding: 16px 24px
    }
}

@media (max-width: 767.98px) {
    .admin-f {
        padding: 0;
        border: none;
        background: 0 0;
        border-radius: unset
    }
}

.admin-f__item {
    margin: 10px 20px 0 0;
    min-width: 150px
}

.admin-f__item:last-child {
    margin-right: 0
}

#select2-education-company_id-results li[role="option"]:first-child:before{
    content: 'Добавить компанию ';
}

#select2-education-company_id-results li[role="option"]:first-child:after {
    content: close-quote;
}

.admin-f__subtitle {
    margin-bottom: 12px
}

.admin-f__form_field {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 0 20px 0;
}

.admin-f__chb {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 16px
}

@media (max-width: 479.98px) {
    .admin-f__chb {
        padding: 10px 12px
    }
}

/*.admin-f__chb input {*/
/*    display: none*/
/*}*/

/*.admin-f__chb_text {*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 14px;*/
/*    line-height: 100%;*/
/*    color: #392b4b;*/
/*    padding-top: 4px;*/
/*    padding-bottom: 4px;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none*/
/*}*/

.admin-f__chb_border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 0s;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px
}

.admin-f__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
    position: absolute;
    top: -9999px;
    opacity: 0;
    transform: translateY(10%);
    transition: opacity .2s, transform .2s
}

.admin-f__chb input:checked + .admin-f__chb_fake::before, .radio-label input:checked ~ .radio-label__fake::before {
    opacity: 1
}

.admin-f__buttons.is-active {
    position: static;
    opacity: 1;
    transform: translateY(0)
}

.admin-f__submit {
    display: block
}

.admin-f__reset {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd
}

.admin-f__reset::before {
    content: "";
    position: relative;
    background-image: url(../../img/eraser.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.admin-f__reset:hover {
    color: #4E4856
}

.container__filters {
    position: absolute;
    top: -9999px;
    transform: translateY(20%);
    opacity: 0;
    transition: transform .2s, opacity .3s
}

.container__filters.is-active {
    display: block;
    position: static;
    top: 0;
    opacity: 1;
    transform: translateY(0)
}

.admin-users__page .users__item-wrapper {
    width: calc(25% - 11.5px)
}

@media (max-width: 991.98px) {
    .admin-users__page .users__item-wrapper {
        width: calc(33.333333% - 10px)
    }

    .admin-users__page .container-ac {
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .admin-users__page .users__item-wrapper {
        width: 100%
    }
}

.admin-users__page .users__flex #w0, .admin-users__page .users__item-wrapper .users__item {
    width: 100%
}

@media (max-width: 991.98px) {
    .admin-users__page .__filter > .mrpl__top {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px
    }
}

.admin-users__page .users__item-edit {
    min-width: 45px
}

.admin-users__page .users__item-img img {
    width: 68px
}

.admin-users__page .users__item-person-info-name {
    font-size: 17px
}

.admin-users__page .users__item-person-info-data {
    height: auto;
    min-height: 80px;
    line-height: 22px
}

.admin-users__page .users__item-person {
    gap: 15px
}

.admin-trajectory__page .ui-sortable-placeholder {
    margin-bottom: 0
}

.__filter .form-group {
    margin: 0
}

.__filter .mrpl-fb {
    border-radius: 8px;
    padding: 20px
}

.__filter .mrpl-fb .container {
    padding: 0
}

.__filter .mrpl-f__con {
    -ms-flex-align: start;
    align-items: flex-start
}

.__filter .mrpl-fb__selects {
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px
}

.__filter .mrpl-f__con, .__filter .mrpl-fb__checkboxes, .__filter .mrpl-fb__ranges {
    gap: 20px
}

.__filter .main__selectt {
    width: 100%
}

.__filter .slider_valuess {
    margin-bottom: 4px
}

.__filter .mrpl-fb__ranges {
    max-width: 230px
}

#admin-user__filter .select2-container--krajee-bs4.select2-container--focus .select2-selection,
#admin-user__filter .select2-container--krajee-bs4.select2-container--open .select2-selection,
#admin-user__filter .select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection,
#admin-user__filter .select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection:focus {
    border: 1px solid #966CEE !important
}

#admin-user__filter .select2-container--krajee-bs4 .select2-selection, #admin-user__filter .select2-container--krajee-bs4 .select2-selection--single {
    height: 42px !important
}

#admin-user__filter .select2-selection__clear {
    margin-left: 4px;
    margin-right: 4px
}

@media (max-width: 991.98px) {
    #admin-user__filter .action__open-filter, #admin-user__filter .action__open-filter-popup, #admin-user__filter .companies-ctrl__hide {
        width: 100%
    }
}

#admin-user__filter .action__open-filter-popup {
    display: none
}

#admin-user__filter .irs-handle {
    transform-origin: center;
    transition: transform .2s cubic-bezier(.51, .58, .83, .45)
}

.menu-chat__link, .videos-sl__link_text {
    transition: all .3s ease 0s
}

#admin-user__filter .irs-handle:hover {
    transform: scale(1.2)
}

@media (max-width: 767.98px) {
    .__filter .mrpl-fb__ranges {
        max-width: unset;
        margin-top: 20px
    }

    .__filter .mrpl-fb__checkboxes, #admin-user__filter .block_left_menu_mobile {
        margin-top: 20px
    }

    #admin-user__filter .action__open-filter-popup {
        display: block
    }

    #admin-user__filter .__filters, #admin-user__filter .action__open-filter {
        display: none
    }

    #admin-user__filter .mrpl-fb__checkboxes_row:not(:last-child) {
        margin-bottom: 0
    }

    #admin-user__filter #__filters-popup .companies-f__buttons {
        margin-top: 20px
    }

    #admin-user__filter #__filters-popup .modal-st {
        width: 100%
    }
}

.__filters .irs--flat .irs-bar {
    background: #E6E0FA;
}

.admin-users__page .users__item-person-info-name {
    line-height: 120%;
}
.cab-t__person .cab-tp__body, .cab-t__person .cab-tp__list{
    display: grid;
}
.cab-t__person .cab-tp__list{
    gap: 0;
}
#user-prof-dropdown {
    border-radius: 15px;
}
#user-prof-dropdown > li:first-child{
    border-radius: 15px 15px 0 0;
}
#user-prof-dropdown > li:last-child{
    border-radius: 0 0 15px 15px;
}
.dropdown-menu{
    border: 1px solid #efe8f8 !important;
}
#user-prof-dropdown > li{
    border-bottom: 1px solid #efe8f8;
}
#user-prof-dropdown button{
    background: none;
}
.top-line__header h5{
    padding: 1px 8px 3px ;
}
@media (min-width: 991px){
    .profile-top-line__item, .top-line__header{
        display: none;
    }
}
@media (max-width: 767.98px){
    .content-wrapper {
        margin-top: 25px;
    }
}
.top-line ul li .top-line__link.logout{
    color: red;
}

.rate-trajectory__body{
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.rate-trajectory__body > div{
    margin: 10px 0 0 0;
}
.rate-trajectory__select{
    height: 70px;
}
.rate-trajectory__select .rating-container .star{
    margin: 0 30px;
}
@media (max-width: 700px){
    .rate-trajectory__select .rating-container .star{
        margin: 0 15px;
    }
}
.rate-trajectory__comment {
    width: 100%;
}

@media (max-width: 450px){
    #modalContent-form .h4, #modalContent-form  h4 {
        font-size: 25px;
        line-height: 29px;
    }
}

@media (max-width: 390px){
    #modalContent-form .modal-body {
        padding: 6px;
    }

    #modalContent-form .h4, #modalContent-form h4 {
        font-size: 22px;
        line-height: 24px;
    }
}
.rate-trajectory__header{
    display: flex;
    align-items: center;
}
.rate-trajectory__header img{
    width: 80px;
    margin: 0 10px;
}
.main-content.nt{
    background-color: #966CEE;
}
.nt__checkboxes input {
    display: none;
}
.admin-demands__page .profs_item .searched_item__head {
    min-width: calc(350px + 250px - 40px)!important;
}

.admin-demands__page .searched_item-with-name .searched_item_info {
    max-width: 300px;
}

.searched_item-with-name .searched_item_column {
    gap: 0.625rem;
}

.admin-demands__page .demand_item-position.profs_item .list-group {
    min-width: 580px;
}

.admin-demands__page .demand_item-position.profs_item .profs_item__block {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 0;
}

.admin-demands__page .demand_item-position.profs_item .profs_item_name {
    min-height: unset;
    margin-bottom: 4px;
}

.admin-demands__page .demand_item-position.profs_item .searched_item__head {
    min-width: 270px !important;
}

.admin-demands__page .demand_item-position.profs_item .searched_wrap {
    padding: 23px;
}

.companies-f__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.companies-f__reset {
    -ms-flex-align: center;
    position: relative
}

.companies-f__reset {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd;
    transition: color .2s;
}

.companies-f__reset::before {
    content: "";
    position: relative;
    background-image: url(../../img/eraser.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.irs--flat .irs-bar {
    background: #E6E0FA;
}

.trajectory_material__filters{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efe8f8;
}
.slide-body__top.edu_material{
    height: 170px;
    border-radius: 15px;
}
.admin-f__chb:has(input[disabled]){
    opacity: 0.6;
}
.tr-blocki__content_top{
    justify-content: end;
}

.all_materials__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 44px
}

@media (max-width: 1200px) {
    .all_materials__list {
        grid-template-columns:repeat(3, 1fr);
        row-gap: 32px
    }
}

@media (max-width: 991.98px) {
    .all_materials__list {
        grid-template-columns:repeat(3, 1fr)
    }
}
@media (max-width: 767.98px) {
    .all_materials__list {
        grid-template-columns:repeat(2, 1fr)
    }
}
@media (max-width: 479.98px) {
    .all_materials__list {
        grid-template-columns:1fr
    }
}
.top-p .top-p__it .company {
    width: unset;
    margin-right: unset;
    height: 100%;
}
.top-p .company {
    display: block;
}

.stat-block__list .stat-block .chart-body .chart__main {
    max-width: 230px;
    width: 230px;
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .circle {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
}

.stat-block__list .ful {
    max-width: 683px;
}

.top-p .company__logo .logo-wrapper, .top-p .company__logo .logo-wrapper img {
    height: unset;
}

.top-p .top-p__it .progress__percent .main-ofice {
    padding: 0;
}

.top-p .top-p__it .progress__percent {
    border: 0;
    width: unset;
}


.mes-f__top .form-group {
    margin-bottom: 0;
}

.top-p .top-p__it .progress__percent .main-ofice {
    width: 55%;
}

@media (max-width: 991.98px) {
    .top-p .top-p__it .col-8, .top-p .top-p__it .col-4 {
        display: block;
    }

    .top-p .top-p__it .progress__percent {
        width: 100%;
    }

    .top-p .top-p__it .progress__percent .main-ofice {
        width: unset;
    }
}

.prof-head__prof svg {
    fill: #966CEE;
}

.add-item_btn svg rect {
    fill: #F9F4FF;
}

.add-item_btn svg path {
    stroke-width: 2;
    stroke: #B298EE;
    stroke-linecap: round;
}

.buttons_auth a svg path {
    fill: #CAC3F8;
}

@media (min-width: 1570px) {
    .card-list {
        grid-template-columns: repeat(5, auto);
    }
}
.card-item__company img{
    width: 35px;
}
.prof-vacancies__header{
    display: flex;
}
.prof-vacancies__header > div{
    display: flex;
    width: 50%;
}
.prof-vacancies__header .all-vacs {
    font-weight: 500;
    justify-content: end;
}

.sync-sahalin__msg{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 20px 100px;
    border-bottom: 1px solid #0087ff !important;
    background-color: #CFE0FF !important;
    font-size: 16px;
    text-align: center;
    width: 100%;
}
.sync-sahalin__msg > *{
    margin: 0 5px;
}
.sync-sahalin__msg a{
    font-size: 16px;
    transition: 0.1s ease-in;
}
.sync-sahalin__msg a:hover{
    font-weight: 600;
}
@media (max-width: 950px) {
    .sync-sahalin__msg {
        flex-wrap: wrap;
        padding: 5px;
    }

    .sync-sahalin__msg > * {
        margin: 5px;
    }
}
.side-nav__list{
    justify-content: left;
    column-gap: 32px;
    row-gap: 15px;
    flex-wrap: wrap;
}
.side-nav__item::after{
    z-index: 0;
}
.side-nav__item.highlighted::after{
    bottom: -3px;
}
.in_development{
    pointer-events: none;
    opacity: 0.5;
}
.tr-block__title-btns input[type="radio"]{
    display: none;
}
.migrate_cities_selects{
    margin-top: 20px;
}
.directions__item, .migrate_button__border {
    box-sizing: border-box;
    transition: all .3s ease 0s
}

.migrate__title {
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.ready-to-migrate {
    background: #392B4B;
    border-radius: 16px;
    padding: 20px 30px
}

.ready-to-migrate .tr-block__title {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.migrate_button__text {
    color: #966CEE;
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    z-index: 2;
    position: relative;
    margin: 10px;
}

.migrate_button__border {
    background: #615473;
    border: 1px solid #966CEE;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#not-ready:checked ~ .migrate_button__text, #ready:checked ~ .migrate_button__text {
    color: #fff
}

#not-ready:checked ~ .migrate_button__border, #ready:checked ~ .migrate_button__border {
    background: #B298EE;
    border: 1px solid #966CEE;
    border-radius: 8px
}

.tr-block__title-btns {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-align: baseline;
    align-items: baseline
}

.tr-block__title-btns > label {
    cursor: pointer
}

.migrate_cities_selects > .select2 {
    margin: 5px 0
}

@media (max-width: 740px) {
    .migrate__title, .migrate__title > * {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .migrate__title {
        margin: 0
    }

    .tr-block__title-btns {
        -ms-flex-align: center;
        align-items: center
    }
}
.tr-block__title-btns label{
    position: relative;
}
.user-cv-lang{
    border-bottom: 1px solid #efe8f8;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
@media (min-width: 1200px) {
    .d-res__maininfo .d-res__selects .select-label{
        flex: 0 1 300px;
    }
}
.recommended_skills__form{
    display: none;
}
.recommended_skills tag{
    display: inline-block;
    background-color: #FDF0F7;
    color: #AF5897;
    border: 1px solid #FAC6EB;
    border-radius: 5px;
    padding: .3em .5em;
    margin: 5px 0 5px 5px;
    cursor: pointer;
}
.recommended_skills{
    margin: 10px 0;
}
.ntr__download-resume .ntr__main-row{
    justify-content: normal;
    gap: 20px;
}
@media (max-width: 950px) {
    .ntr__download-resume .ntr__main-row{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
}
.profexp-step__tasks{
    margin-left: 25px;
}
li.profexp-task__item{
    font-size: 16px;
    list-style-image: url(/img/star-marker.svg);
}
.blinking {
    animation-name: blinking;
    animation-duration: 1s;
    animation-iteration-count: 100;
}
@keyframes blinking {
    50% {
        border-color: red;
    }
}
.main_tiles{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}
.main_tiles__column{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}
/*.main_tiles__label{*/
/*    width: 100%;*/
/*}*/
.main_tiles__item{
    transition: all .3s ease 0s;
    color: #392b4b;
    padding: 10px;
    cursor: pointer;
    display: flex;
    /*word-break: break-all;*/
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    text-align: center;
    /*width: calc(4vw * 2.1);*/
    /*padding: 10px;*/
    line-height: 1.2;
    font-size: 14px;
    width: 164px;
    height: 132px;
    background: #FFFFFF;
    box-shadow: 0px 9px 20px rgba(12, 15, 32, 0.06), 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 32px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
@media (max-width: 575px) {
    .main_tiles {
        flex-direction: column;
    }
    .main_tiles__item {
        align-self: center;
        word-break: break-all;
        width: 100%;
        height: 50px;
    }
}
.tiles__header{
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: #966CEE;
    margin: 30px 0 50px 0;
}
.main_tiles__label input[type=checkbox] {
    display: none;
}
.main_tiles__label input[type=checkbox]:checked ~ .main_tiles__item {
    background: #966cee;
    color: #ffffff;
    box-shadow: inset 2px 4px 6px rgba(0, 0, 0, 0.15);
}
.edu-btn_wrap.tiles__btns {
    /*position: relative;*/
    margin-top: 40px;
    justify-content: center;
}

.position__vacancy_stats {
    color: #fff;
    border-radius: 24px;
    padding: 48px;
    background-color: #6c4faa;
    margin-bottom: 80px;
}

.position__vacancy_stats p {
    opacity: .8;
    font-size: 16px;
    margin-bottom: 20px;
}

.position__vacancy_stats ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-top: -7px;
    margin-left: -8px;
}

.position__vacancy_stats ul li {
    margin-right: 7px;
    margin-top: 7px;
}

.position__vacancy_stats ul li a {
    display: block;
    color: #fff;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 16px;
}

.position__vacancy_stats ul li a span {
    opacity: .5;
}

.position__vacancy_stats ul li a:hover, .position__vacancy_stats ul li a.is-active {
    background: #fff;
    color: #6c4faa;
}

.position__vacancy_stats ul li a:hover span, .position__vacancy_stats ul li a.is-active span {
    color: #6c4faa;
}

@media only screen and (max-width: 767px) {
    .position__vacancy_stats {
        border-radius: 16px;
        padding: 32px 16px;
    }

    .position__vacancy_stats ul li a, .position__vacancy_stats p {
        font-size: 14px;
    }
}

.profession_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 42px;
}

.all-el-prof__head-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.search-wrapper__profession {
    position: relative;
    max-width: unset;
    margin-top: 20px;
    margin-bottom: 25px;
}

.h1, .h2, h1, h2 {
    line-height: 120%;
}

@media only screen and (max-width: 992px) {
    .profession_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 576px) {
    .profession_list {
        grid-template-columns: repeat(1, 1fr);
    }
}
.title__con-span{
    color: #A897BD;
}

.slide-content__desc {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 120px;
}
.ltc-h__item_image img, .part-b__list .part-b__item img{
    max-height: 100px;
}
.part-b__list{
    flex-wrap: wrap;
}
.job-site__sync.d-res__item .d-res__fake{
    cursor: pointer;
}
.d-res__item input[type="radio"]{
    display: none;
}
/*#import-cv__btn[disabled]{
    background-color: #d0c7d9;
}*/
#cv-list__form .card-item__subtitle{
    text-transform: none;
}
#all_user_cvs__platform .success-block{
    margin-top: 20px;
}
#all_user_cvs__platform .success-block > div{
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
#all_user_cvs__platform .success-block .admin-f__chb_border{
    background: none;
    border: none;
}
.platform-cv__list{
    margin-top: 20px;
}
.d-res__item.dis{
    opacity: .6;
}

.position__vacancy_stats-empty {
    font-size: 20px;
    padding-bottom: 80px;
}

.position__vacancy_stats-empty.is-hidden {
    display: none;
}

@media only screen and (max-width: 576px) {
    .position__vacancy_stats {
        border-radius: 0;
        margin: 0 -15px 40px;
        padding: 32px 15px;
    }
}
.prof-vacancies__subtitle{
    font-size: 18px;
    margin: 15px 0 20px 0;
}
[id*="relocate_professions__tab_"]{
    display: none;
}
[id*="relocate_professions__tab_"]._active{
    display: block;
}
.show-all-profs__btn{
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
}

.scroll-element::-webkit-scrollbar {
    width: 12px;
}
.scroll-element::-webkit-scrollbar-track {
    background: #fff;
}
.scroll-element::-webkit-scrollbar-thumb {
    background: #966cee;
    border-radius: 8px;
    border: 4px solid #fff;
}
.hamburger {
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger.is-active:hover,
.hamburger:hover {
    opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #966cee;
}
.hamburger-box {
    width: 28px;
    height: 19px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1.5px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 28px;
    height: 3px;
    background-color: #966cee;
    border-radius: 6px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block;
}
.hamburger-inner:before {
    top: -8px;
}
.hamburger-inner:after {
    bottom: -8px;
}
.hamburger--elastic .hamburger-inner {
    top: 1.5px;
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner:before {
    top: 8px;
    -webkit-transition: opacity 0.125s ease 0.275s;
    transition: opacity 0.125s ease 0.275s;
}
.hamburger--elastic .hamburger-inner:after {
    top: 16px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
    transform: translate3d(0, 8px, 0) rotate(135deg);
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms;
}
.hamburger--elastic.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms;
}
.hamburger {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btn-search--mobile {
    display: none !important;
}
.header {
    background: #fff;
}
.header .row, .header ul {
    margin-bottom: 0;
}
.header--inner {
    -webkit-box-shadow: inset 0 -1px 0 #e4e9f0;
    box-shadow: inset 0 -1px 0 #e4e9f0;
}
.header .row > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .row:first-child {
    height: 54px;
}
.header .row:nth-child(2) {
    height: 55px;
}
.header .row:nth-child(2) > div {
    margin-top: -17px;
}
.header__logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 142px;
    min-height: 40px;
    width: 142px;
    height: 40px;
    transition: opacity .3s;
}
.header__logo:hover {
    opacity: .8;
}
.header__logo svg {
    max-width: 100%;
    max-height: 100%;
}
.header__menu {
    margin-top: -6px;
}
.header__menu,
.header__menu > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}
.header__menu li:not(:last-child) {
    margin-left: 10px;
}
.header__menu li a {
    display: block;
    color: #615473;
    font-weight: 400;
    line-height: 16px;
    padding: 6px 12px;
    font-size: 15px;
    white-space: nowrap;
    border-radius: 25px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.header__menu li a.is-active,
.header__menu li a:hover {
    background: #feeee6;
}
.header__search {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
}
.header__search-wrapper {
    width: 100%;
    position: relative;
}
.header__search input[type="text"] {
    width: 100%;
    padding: 0 78px 0 24px;
    border: 1px solid #966cee;
    border-radius: 8px;
    font-size: 15px;
    background: #fff;
    height: 44px;
    outline: none;
    color: #392b4b;
}
.header__search input[type="text"]::-webkit-input-placeholder {
    color: #a897bd;
}
.header__search input[type="text"]::-moz-placeholder {
    color: #a897bd;
}
.header__search input[type="text"]:-ms-input-placeholder {
    color: #a897bd;
}
.header__search input[type="text"]::-ms-input-placeholder {
    color: #a897bd;
}
.header__search input[type="text"]::placeholder {
    color: #a897bd;
}
.header__search button[type="submit"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 64px;
    height: 36px;
    right: 5px;
    top: 4px;
    border-radius: 4px;
    position: absolute;
}
.header__search button[type="submit"] svg {
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 2;
}
.header__dropdown {
    position: absolute;
    top: -99999px;
    -webkit-box-shadow: 0 6px 24px rgba(24, 29, 54, 0.12);
    box-shadow: 0 6px 24px rgba(24, 29, 54, 0.12);
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    border: 1px solid #e4e9f0;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.2s;
    transition: opacity 0.3s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s, -webkit-transform 0.2s;
    z-index: 100;
}
.header__dropdown .empty_list {
    padding: 35px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 115%;
    text-align: center;
}
.header .is-active .header__dropdown {
    top: 70px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.header__buttons {
    margin-left: auto;
}
.header__buttons,
.header__buttons-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__buttons-item {
    margin-right: 25px;
    font-size: 15px;
    color: #392b4b;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.header__buttons-item svg {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
.header__buttons-item:hover {
    opacity: 0.8;
    color: #392b4b;
}
.header__buttons > .btn {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 15px;
    --bs-btn-font-size: 15px;
    height: 44px;
}
.header__buttons > .btn svg {
    width: 24px;
    height: 24px;
}
.header__profile {
    position: relative;
}
.header__profile .btn-icon svg {
    width: 24px;
    height: 24px;
}
.btn-icon svg {
    position: relative;
    z-index: 2;
}
.header__profile-menu {
    min-width: 200px;
    right: 0;
}
.header__profile-menu li:not(:last-child) a {
    border-bottom: 1px solid rgba(24, 29, 54, 0.12);
}
.header__profile-menu li a,
.header__profile-menu li button {
    display: block;
    padding: 8px 18px !important;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
}
.header__profile-menu li a.btn-logout,
.header__profile-menu li button.btn-logout {
    color: #c53131 !important;
}
.header__profile-menu li a:hover,
.header__profile-menu li button:hover {
    background: rgba(24, 29, 54, 0.04);
}
.header__profile-menu li button {
    border: 0;
    width: 100%;
    line-height: 100%;
    text-align: left;
    background: none;
}
.header__notification {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
}
.header__notification-list {
    min-width: 550px;
    right: 0;
}
.header .hamburger-wrap {
    display: none;
}
.header.is-open-menu {
    bottom: 0;
}
.header.is-open-menu .header__menu {
    margin-top: 0;
    display: block;
    position: absolute;
    top: 68px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    max-height: -webkit-calc(100vh - 68px);
    max-height: calc(100vh - 68px);
    overflow: scroll;
}
.header.is-open-profileMenu {
    bottom: 0;
}
.header.is-open-profileMenu .btn-profile--mobile {
    opacity: 1 !important;
}
.header.is-open-profileMenu .btn-profile--mobile svg {
    stroke: #966cee;
}
.header.is-open-profileMenu .header__profile {
    position: static;
}
.header.is-open-profileMenu .header__profile-menu {
    margin-top: 0;
    display: block;
    position: absolute;
    top: 68px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    max-height: -webkit-calc(100vh - 68px);
    max-height: calc(100vh - 68px);
    overflow: scroll;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 0;
    --bs-gutter-x: 80px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-top: 10px;
}
.header.is-open-profileMenu .header__profile-menu li {
    margin-bottom: 10px;
    margin-left: -16px;
}
.header.is-open-profileMenu .header__profile-menu li a {
    font-size: 16px;
    padding: 6px 16px;
    font-weight: 500;
    color: inherit;
    color: #615473;
    line-height: 16px;
}
.header.is-open-profileMenu .header__profile-menu li:not(:last-child) a {
    border-bottom: 0;
}
.header .btn-profile--mobile {
    display: none;
}
.header .btn-profile--mobile svg {
    stroke: #392b4b;
    stroke-width: 2;
}
.header .btn-profile--menu {
    display: none !important;
}
@media (max-width: 1619.98px) {
    .header .btn-primary {
        font-size: 14px;
    }
    .header__menu li a {
        font-size: 14px;
        padding: 4px 10px;
    }
    .header__buttons-item {
        font-size: 14px;
        margin-right: 20px;
    }
    .header__search {
        margin-left: 20px;
        margin-right: 20px;
    }
    .header__search input[type="text"] {
        font-size: 14px;
        padding: 0 61px 0 17px;
    }
    .header__search button[type="submit"] {
        width: 52px;
    }
    .header__search button[type="submit"] svg {
        stroke: #fff;
        stroke-width: 2;
        stroke-linecap: round;
    }
    .header__logo {
        min-width: 145px;
        min-height: 44px;
        width: 145px;
        height: 44px;
    }
}
@media (max-width: 1199.98px) {
    .header .header__menu li a {
        font-size: 13px;
        padding: 4px 8px;
    }
}
@media (max-width: 991.98px) {
    .header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1000;
    }
    .header .is-active .header__dropdown {
        top: 59px;    
    }
    .header .btn-profile--menu {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        --bs-btn-padding-y: 10px;
        font-size: 15px;
    }
    .header__logo {
        min-width: 135px;
        min-height: 38px;
        width: 135px;
        height: 38px;
    }
    .header__buttons-item {
        font-size: 0;
    }
    .header:not(.header-short) .row:first-child {
        height: 0;
        margin: 0;
    }
    .header .row:nth-child(2) {
        margin-top: 0;
        margin-bottom: 0;
        height: 68px;
        min-height: 68px;
    }
    .header .row:nth-child(2) > div {
        margin-top: 0;
    }
    .header:not(.header-short) .hamburger-wrap {
        display: block;
        margin-right: -15px;
    }
    .header:not(.header-short) .btn-notification {
        display: none;
    }
    .header .btn-search--mobile {
        display: block !important;
    }
    .header__search {
        display: none;
    }
    .header .btn-primary {
        --bs-btn-padding-y: 7px;
        --bs-btn-padding-x: 16px;
    }
    .header .header__menu {
        --bs-gutter-x: 80px;
        position: absolute;
        top: -9999px;
        -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
        padding-top: 10px;
        width: 100%;
        left: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .header .header__menu ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .header .header__menu li {
        margin-bottom: 10px;
        margin-left: -16px;
    }
    .header .header__menu li a {
        font-size: 16px;
        padding: 6px 16px;
        font-weight: 500;
    }
    .header:not(.header-short) .btn-profile {
        display: none !important;
    }
    .header .btn-profile--mobile {
        display: block;
        margin-right: 10px;
    }
    .header .btn-profile--mobile svg {
        fill: #392b4b;
    }
    .header.is-open-profileMenu .header__profile-menu li a,
    .header.is-open-profileMenu .header__profile-menu li button {
        border-radius: 25px;
    }
    .header.is-open-profileMenu .header__profile-menu li a:hover,
    .header.is-open-profileMenu .header__profile-menu li button:hover {
        background: #feeee6;
    }
}
@media (max-width: 767.98px) {
    .header__logo {
        min-width: 128px;
        min-height: 36px;
        width: 128px;
        height: 36px;
    }
    .ed-block {
        margin-bottom: 0;
    }    
}
@media (max-width: 479.98px) {
    .header .row:nth-child(2) {
        height: 62px;
        min-height: 62px;
    }
    .header .header__logo {
        min-width: 120px;
        min-height: 34px;
        width: 120px;
        height: 34px;
    }
    .header .header__buttons-item {
        margin-right: 17px;
    }
    .header .header__buttons-item.btn-profile--mobile {
        margin-right: 5px;
    }
    .header .header__buttons-item svg {
        margin-right: 0;
        width: 22px;
        height: 22px;
    }
    .header .hamburger-inner,
    .header .hamburger-inner:after,
    .header .hamburger-inner:before {
        width: 24px;
    }
    .header .hamburger {
        padding: 12px;
    }
    .header .header__menu,
    .header.is-open-profileMenu .header__profile-menu {
        --bs-gutter-x: 40px;
        padding-top: 0;
    }
    .step-s__spesh {
        padding-bottom: 0;
    }    

    .trajectory__results-item__bottom {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .btn-traj-result-more {
        width: 100%;
    }

    .trajectory__results-item__bottom span {
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 380px) {
    .header .header__logo {
        min-width: 110px;
        min-height: 30px;
        width: 110px;
        height: 30px;
    }
    .header .btn-favorite {
        display: none;
    }
}

.footer .row, footer ul {
    margin-bottom: 0;
}

.footer {
    background: #392b4b;
    padding: 60px 0;
    margin-bottom: 0;
    color: #fff;
}
.footer .row > div:nth-child(3) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.footer__edwica a {
    display: block;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.footer__edwica a:hover {
    opacity: 0.7;
}
.footer__buttonsWrapper {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.footer__buttonsWrapper a {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin-bottom: 10px;
}
.footer__socialButtons {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto;
    padding-top: 12px;
    padding-left: 0;
}
.footer__socialButtons li {
    list-style-type: none;
    display: inline-block;
}
.footer__socialButtons li:not(:last-child) {
    margin-right: 15px;
}
.footer__socialButtons li a svg {
    fill: #fff;
    -webkit-transition: fill 0.5s;
    transition: fill 0.5s;
}
.footer__socialButtons li a:hover svg {
    fill: #966cee;
}
.footer__socialButtons--mobile {
    display: none;
}
.footer__logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.footer__logos-item {
    display: inline-block;
    max-width: 130px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.footer__logos-item:hover {
    opacity: 0.7;
}
.footer__logos-item img {
    max-width: 100%;
}
.footer__title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 3;
}
.footer__title.is-active {
    color: #cab1ff;
}
.footer__title.is-active .footer__arrow {
    position: relative;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.footer__title.is-active .footer__arrow svg path {
    stroke: #cab1ff;
}
.footer__info {
    color: #a897bd;
    margin: 20px 0 30px;
}
.footer__info-policy {
    color: #a897bd;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 15px;
}
.footer__menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}
.footer__menu-item ul li a {
    display: block;
    color: hsla(0, 0%, 100%, 0.7);
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    line-height: 110%;
    text-align: left;
    font-size: 14px;
}
.footer__menu-item ul li a:hover {
    color: #fff;
}
.footer__menu-item ul li:not(:last-child) {
    margin-bottom: 15px;
}
.footer__arrow {
    display: none;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
@media (max-width: 1619.98px) {
    .footer__buttonsWrapper a {
        width: 200px;
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer__title {
        font-size: 14px;
    }
}
@media (max-width: 1199.98px) {
    .footer__menu {
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        row-gap: 40px;
    }
}
@media (max-width: 991.98px) {
    .footer {
        padding: 35px 0;
    }
    .footer .row > div:first-child,
    .footer .row > div:nth-child(3) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
    }
    .footer .row > div:first-child {
        border-top: 1px solid #615473;
        padding-top: 30px;
        margin-top: 30px;
    }
    .footer .row > div:nth-child(3) {
        padding-bottom: 30px;
    }
    .footer__buttonsWrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .footer__buttonsWrapper a {
        margin-bottom: 0;
        margin-right: 10px;
    }
    .footer__socialButtons {
        padding: 0;
        margin: 0 0 0 auto;
        width: auto;
    }
    .footer__title {
        font-size: 16px;
    }
    .footer__logos {
        margin-left: auto;
    }
    .footer__info {
        margin: 0 0 0 14px;
    }
    .footer__info-policy {
        margin: 0;
        font-size: 12px;
    }
}
@media (max-width: 767.98px) {
    .footer .row > div:nth-child(3) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer__socialButtons {
        margin: 30px 0 0;
        display: none;
    }
    .footer__socialButtons--mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .footer__buttonsWrapper {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footer__buttonsWrapper a {
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px);
    }
    .footer .row > div:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer__logos {
        margin-top: 30px;
        margin-right: auto;
    }
    .footer__info {
        margin-left: 0;
        margin-top: 10px;
    }
}
@media (max-width: 479.98px) {
    .footer__buttonsWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer__buttonsWrapper a {
        width: 100%;
    }
    .footer__buttonsWrapper a:first-child {
        margin-bottom: 12px;
    }
    .footer__menu {
        grid-template-columns: repeat(1, 1fr);
    }
}

.cust-select {
    margin-left: 10px;
}

.cust-select span.select2-selection__rendered {
    padding-left: 10px !important;
    margin-right: -10px !important;
}

.btn-primary {
    outline: none;
}

.btn-icon {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) var(--bs-btn-padding-y) 17px !important;
}
.btn-icon span {
    line-height: 100%;
}
.btn-icon svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: unset !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: unset !important;
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

@media (max-width: 991.98px) {
    #page {
        padding-top: 68px;
    }
}
@media (max-width: 479.98px) {
    #page {
        padding-top: 62px;
    }
}

.search_result {
    min-width: 400px;
    left: 0;
    right: 0;
}
.search_result ul {
    margin-bottom: 0;
}
.search_result ul li a {
    min-height: 64px;
    padding: 12px 15px;
    -webkit-box-shadow: inset 0 -1px 0 #e4e9f0;
    box-shadow: inset 0 -1px 0 #e4e9f0;
    font-size: 14px;
    line-height: 20px;
    display: block;
}
.search_result ul li a img {
    margin-right: 10px;
    float: left;
    width: 70px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.search_result ul li a:hover {
    background-color: #fafbfd;
}
.search_result .view-result_link {
    text-align: center;
    background-color: #fff;
    color: #966cee;
    font-weight: 700;
    padding: 16px 0;
    white-space: nowrap;
    margin: auto;
    font-size: 14px;
    display: block;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.search_result .view-result_link:hover {
    color: #392b4b;
}
.top-search__mobile {
    padding-bottom: 0;
    padding-top: 0;
}
.top-search__mobile.is-active .search_result {
    position: absolute;
    top: 60px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.top-search__mobile .search-wrapper {
    display: initial;
    height: auto;
    width: 100%;
    margin: 0 auto 8px;
}
.top-search__mobile .modal-content {
    margin-top: 60px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}
.top-search__mobile .search_result {
    position: absolute;
    top: -99999px;
    left: 0;
    min-width: unset;
    right: 0;
    -webkit-box-shadow: 0 6px 24px rgba(24, 29, 54, 0.12);
    box-shadow: 0 6px 24px rgba(24, 29, 54, 0.12);
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.2s;
    transition: opacity 0.3s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s, -webkit-transform 0.2s;
    z-index: 100;
}
.top-search__mobile .form_search {
    margin: 0 !important;
    width: 100%;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.top-search__mobile .form_search input[type="text"] {
    height: 46px;
}
.top-search__mobile .form_search button {
    position: absolute;
    right: 1px;
    top: 1px;
    margin: 0;
    width: 48px;
    height: 46px;
    color: #a7b3c6;
    font-size: 34px;
    border: 0;
    background: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.top-search__mobile .form_search button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1199.98px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
        --bs-gutter-x: 100px;
        padding-right: calc(var(--bs-gutter-x)*0.5);
        padding-left: calc(var(--bs-gutter-x)*0.5);
    }
}

@media (max-width: 991.8px) {
    .footer .row > div:nth-child(3) {
        width: 100% !important;
        max-width: unset;
        flex: 0 0 100%;
        padding-bottom: 30px;
    }

    .header .header__menu {
        --bs-gutter-x: 0;
    }
}

@media (max-width: 479.98px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
        --bs-gutter-x: 40px;
    }
}
.header .btn-profile--mobile {
    display: none;
}

@media (max-width: 991.98px) {
    .container, .container-lg, .container-md, .container-sm {
        --bs-gutter-x: 80px;
    }
}
.select2-container--krajee-bs4 li.select2-results__option[role="group"]{
    background-color: #fff;
    padding: 0 !important;
}


/* trajectory University */
.trajectoryUniversity__semester:not(:last-child) {
    margin-bottom: 60px;
}
.trajectoryUniversity__semester:first-child {
    margin-top: 30px;
}
.trajectoryUniversity__head {
    font-size: 20px;
    color: #fff;
    padding: 17px 20px;
    background: #60546f;
    border-radius: 10px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.trajectoryUniversity__head-title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 110%;
}
.trajectoryUniversity__head-progressBar {
    margin-left: auto;
    width: 220px;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    background: #efe8f8;
    position: relative;
}
.trajectoryUniversity__head-progressBar-this {
    content: "";
    height: 6px;
    width: 0;
    border-radius: 3px;
    background: #f6f6f6;
    position: absolute;
    -webkit-transition: width 0.65s;
    transition: width 0.65s;
}
.trajectoryUniversity__head-progressBar-this.low {
    background: #ff604b;
}
.trajectoryUniversity__head-progressBar-this.mid {
    background: #edd817;
}
.trajectoryUniversity__head-progressBar-this.high {
    background: #71c97a;
}
.trajectoryUniversity__subjects {
    gap: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.trajectoryUniversity__subjects,
.trajectoryUniversity__subjects-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.trajectoryUniversity__subjects-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    padding: 12px;
    color: #392b4b;
    border: 1px solid #efe8f8;
    background: #fff;
    min-height: 85px;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    width: -webkit-calc(20% - 16px);
    width: calc(20% - 16px);
}
.trajectoryUniversity__subjects-item:hover {
    border: 1px solid #966cee;
}
.trajectoryUniversity__subjects-item.is-active {
    border: 1px solid #966cee;
    background: #f9f4ff;
}
.trajectoryUniversity__subjects-item__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 15px;
}
.trajectoryUniversity__subjects-item__title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 120%;
    padding-right: 15px;
}
.trajectoryUniversity__subjects-item__progress {
    border-radius: 3px;
    background: #1f9756;
    padding: 3px 4px;
    line-height: 100%;
    color: #fff;
    font-size: 14px;
    margin-left: auto;
    white-space: nowrap;
}
.trajectoryUniversity__subjects-item__progress.low {
    background: #ff604b;
}
.trajectoryUniversity__subjects-item__progress.mid {
    background: #c9b60b;
}
.trajectoryUniversity__subjects-item__progress.high {
    background: #71c97a;
}
.trajectoryUniversity__subjects-item__progressBar {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    background: #efe8f8;
    margin-top: auto;
    position: relative;
}
.trajectoryUniversity__subjects-item__progressBar-this {
    content: "";
    height: 6px;
    width: 0;
    border-radius: 3px;
    background: #f6f6f6;
    position: absolute;
    -webkit-transition: width 0.65s;
    transition: width 0.65s;
}
.trajectoryUniversity__subjects-item__progressBar-this.low {
    background: #ff604b;
}
.trajectoryUniversity__subjects-item__progressBar-this.mid {
    background: #edd817;
}
.trajectoryUniversity__subjects-item__progressBar-this.high {
    background: #71c97a;
}
.trajectoryUniversity__sep {
    background: #efe8f8;
    width: 100%;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.trajectoryUniversity__tasks ul {
    border-radius: 12px;
    -webkit-box-shadow: 7px 7px 20px rgba(86, 72, 104, 0.1);
    box-shadow: 7px 7px 20px rgba(86, 72, 104, 0.1);
    overflow: hidden;
}
.trajectoryUniversity__tasks ul li {
    display: none;
    counter-increment: itemNumber;
}
.trajectoryUniversity__tasks ul li:not(:first-child) {
    border-top: 1px solid #efe8f8;
}
.trajectoryUniversity__tasks ul li:nth-child(-n + 7) {
    display: block;
}
.trajectoryUniversity__tasks ul.is-active li {
    display: block !important;
}
.trajectoryUniversity__tasks-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 12px 15px;
    width: 100%;
    color: #392b4b;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
}
.trajectoryUniversity__tasks-item .progress-circle {
    min-width: 44px;
    min-height: 44px;
    background-color: #efe8f8;
    border-radius: 50%;
    margin-right: 12px;
}
.trajectoryUniversity__tasks-item .progress-circle .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle .progress-circle__slice {
    width: 44px;
    height: 44px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    border-radius: 50%;
}
.trajectoryUniversity__tasks-item .progress-circle .progress-circle__slice {
    clip: rect(0, 44px, 44px, 22px);
}
.trajectoryUniversity__tasks-item .progress-circle .progress-circle__slice .progress-circle__fill {
    clip: rect(0, 22px, 44px, 0);
}
.trajectoryUniversity__tasks-item .progress-circle .progress-circle__overlay {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-left: 2px;
    margin-top: 2px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
}
.trajectoryUniversity__tasks-item .progress-circle .progress-circle__overlay:after {
    content: counter(itemNumber);
    font-weight: 600;
}
.trajectoryUniversity__tasks-item .progress-circle.low .progress-circle__fill {
    background: #ff604b;
}
.trajectoryUniversity__tasks-item .progress-circle.mid .progress-circle__fill {
    background: #ffb21e;
}
.trajectoryUniversity__tasks-item .progress-circle.high .progress-circle__fill {
    background: #1f9756;
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="0"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="0"] .progress-circle__fill.progress-circle__bar,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="0"] .progress-circle__slice.full {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="1"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="1"] .progress-circle__slice.full {
    -webkit-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    transform: rotate(1.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="1"] .progress-circle__fill.progress-circle__bar,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="2"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="2"] .progress-circle__slice.full {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="2"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="3"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="3"] .progress-circle__slice.full {
    -webkit-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    transform: rotate(5.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="3"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="4"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="4"] .progress-circle__slice.full {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="4"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="5"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="5"] .progress-circle__slice.full {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="5"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="6"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="6"] .progress-circle__slice.full {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="6"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="7"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="7"] .progress-circle__slice.full {
    -webkit-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    transform: rotate(12.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="7"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="8"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="8"] .progress-circle__slice.full {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="8"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="9"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="9"] .progress-circle__slice.full {
    -webkit-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    transform: rotate(16.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="9"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="10"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="10"] .progress-circle__slice.full {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="10"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="11"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="11"] .progress-circle__slice.full {
    -webkit-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    transform: rotate(19.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="11"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="12"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="12"] .progress-circle__slice.full {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="12"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="13"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="13"] .progress-circle__slice.full {
    -webkit-transform: rotate(23.4deg);
    -ms-transform: rotate(23.4deg);
    transform: rotate(23.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="13"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="14"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="14"] .progress-circle__slice.full {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="14"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="15"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="15"] .progress-circle__slice.full {
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="15"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="16"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="16"] .progress-circle__slice.full {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="16"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="17"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="17"] .progress-circle__slice.full {
    -webkit-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    transform: rotate(30.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="17"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="18"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="18"] .progress-circle__slice.full {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="18"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="19"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="19"] .progress-circle__slice.full {
    -webkit-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    transform: rotate(34.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="19"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="20"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="20"] .progress-circle__slice.full {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="20"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="21"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="21"] .progress-circle__slice.full {
    -webkit-transform: rotate(37.8deg);
    -ms-transform: rotate(37.8deg);
    transform: rotate(37.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="21"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="22"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="22"] .progress-circle__slice.full {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="22"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="23"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="23"] .progress-circle__slice.full {
    -webkit-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    transform: rotate(41.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="23"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="24"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="24"] .progress-circle__slice.full {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="24"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="25"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="25"] .progress-circle__slice.full {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="25"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="26"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="26"] .progress-circle__slice.full {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="26"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="27"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="27"] .progress-circle__slice.full {
    -webkit-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    transform: rotate(48.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="27"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="28"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="28"] .progress-circle__slice.full {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="28"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="29"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="29"] .progress-circle__slice.full {
    -webkit-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    transform: rotate(52.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="29"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="30"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="30"] .progress-circle__slice.full {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="30"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="31"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="31"] .progress-circle__slice.full {
    -webkit-transform: rotate(55.8deg);
    -ms-transform: rotate(55.8deg);
    transform: rotate(55.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="31"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.31turn);
    -ms-transform: rotate(0.31turn);
    transform: rotate(0.31turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="32"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="32"] .progress-circle__slice.full {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="32"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.32turn);
    -ms-transform: rotate(0.32turn);
    transform: rotate(0.32turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="33"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="33"] .progress-circle__slice.full {
    -webkit-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    transform: rotate(59.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="33"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.33turn);
    -ms-transform: rotate(0.33turn);
    transform: rotate(0.33turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="34"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="34"] .progress-circle__slice.full {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="34"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.34turn);
    -ms-transform: rotate(0.34turn);
    transform: rotate(0.34turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="35"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="35"] .progress-circle__slice.full {
    -webkit-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    transform: rotate(63deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="35"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="36"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="36"] .progress-circle__slice.full {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="36"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.36turn);
    -ms-transform: rotate(0.36turn);
    transform: rotate(0.36turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="37"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="37"] .progress-circle__slice.full {
    -webkit-transform: rotate(66.6deg);
    -ms-transform: rotate(66.6deg);
    transform: rotate(66.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="37"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.37turn);
    -ms-transform: rotate(0.37turn);
    transform: rotate(0.37turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="38"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="38"] .progress-circle__slice.full {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="38"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.38turn);
    -ms-transform: rotate(0.38turn);
    transform: rotate(0.38turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="39"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="39"] .progress-circle__slice.full {
    -webkit-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    transform: rotate(70.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="39"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.39turn);
    -ms-transform: rotate(0.39turn);
    transform: rotate(0.39turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="40"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="40"] .progress-circle__slice.full {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="40"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="41"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="41"] .progress-circle__slice.full {
    -webkit-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    transform: rotate(73.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="41"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.41turn);
    -ms-transform: rotate(0.41turn);
    transform: rotate(0.41turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="42"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="42"] .progress-circle__slice.full {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="42"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.42turn);
    -ms-transform: rotate(0.42turn);
    transform: rotate(0.42turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="43"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="43"] .progress-circle__slice.full {
    -webkit-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    transform: rotate(77.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="43"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="44"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="44"] .progress-circle__slice.full {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="44"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.44turn);
    -ms-transform: rotate(0.44turn);
    transform: rotate(0.44turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="45"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="45"] .progress-circle__slice.full {
    -webkit-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    transform: rotate(81deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="45"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="46"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="46"] .progress-circle__slice.full {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="46"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="47"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="47"] .progress-circle__slice.full {
    -webkit-transform: rotate(84.6deg);
    -ms-transform: rotate(84.6deg);
    transform: rotate(84.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="47"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.47turn);
    -ms-transform: rotate(0.47turn);
    transform: rotate(0.47turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="48"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="48"] .progress-circle__slice.full {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="48"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="49"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="49"] .progress-circle__slice.full {
    -webkit-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    transform: rotate(88.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="49"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.49turn);
    -ms-transform: rotate(0.49turn);
    transform: rotate(0.49turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="50"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="50"] .progress-circle__slice.full {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="50"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="51"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="51"] .progress-circle__slice.full {
    -webkit-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    transform: rotate(91.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="51"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.51turn);
    -ms-transform: rotate(0.51turn);
    transform: rotate(0.51turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="52"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="52"] .progress-circle__slice.full {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="52"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.52turn);
    -ms-transform: rotate(0.52turn);
    transform: rotate(0.52turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="53"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="53"] .progress-circle__slice.full {
    -webkit-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    transform: rotate(95.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="53"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.53turn);
    -ms-transform: rotate(0.53turn);
    transform: rotate(0.53turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="54"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="54"] .progress-circle__slice.full {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="54"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.54turn);
    -ms-transform: rotate(0.54turn);
    transform: rotate(0.54turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="55"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="55"] .progress-circle__slice.full {
    -webkit-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    transform: rotate(99deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="55"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="56"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="56"] .progress-circle__slice.full {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="56"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="57"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="57"] .progress-circle__slice.full {
    -webkit-transform: rotate(102.6deg);
    -ms-transform: rotate(102.6deg);
    transform: rotate(102.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="57"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.57turn);
    -ms-transform: rotate(0.57turn);
    transform: rotate(0.57turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="58"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="58"] .progress-circle__slice.full {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="58"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="59"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="59"] .progress-circle__slice.full {
    -webkit-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    transform: rotate(106.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="59"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.59turn);
    -ms-transform: rotate(0.59turn);
    transform: rotate(0.59turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="60"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="60"] .progress-circle__slice.full {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="60"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="61"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="61"] .progress-circle__slice.full {
    -webkit-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    transform: rotate(109.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="61"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.61turn);
    -ms-transform: rotate(0.61turn);
    transform: rotate(0.61turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="62"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="62"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.31turn);
    -ms-transform: rotate(0.31turn);
    transform: rotate(0.31turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="62"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.62turn);
    -ms-transform: rotate(0.62turn);
    transform: rotate(0.62turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="63"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="63"] .progress-circle__slice.full {
    -webkit-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    transform: rotate(113.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="63"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.63turn);
    -ms-transform: rotate(0.63turn);
    transform: rotate(0.63turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="64"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="64"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.32turn);
    -ms-transform: rotate(0.32turn);
    transform: rotate(0.32turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="64"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.64turn);
    -ms-transform: rotate(0.64turn);
    transform: rotate(0.64turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="65"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="65"] .progress-circle__slice.full {
    -webkit-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    transform: rotate(117deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="65"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="66"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="66"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.33turn);
    -ms-transform: rotate(0.33turn);
    transform: rotate(0.33turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="66"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.66turn);
    -ms-transform: rotate(0.66turn);
    transform: rotate(0.66turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="67"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="67"] .progress-circle__slice.full {
    -webkit-transform: rotate(120.6deg);
    -ms-transform: rotate(120.6deg);
    transform: rotate(120.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="67"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="68"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="68"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.34turn);
    -ms-transform: rotate(0.34turn);
    transform: rotate(0.34turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="68"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.68turn);
    -ms-transform: rotate(0.68turn);
    transform: rotate(0.68turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="69"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="69"] .progress-circle__slice.full {
    -webkit-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    transform: rotate(124.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="69"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="70"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="70"] .progress-circle__slice.full {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="70"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="71"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="71"] .progress-circle__slice.full {
    -webkit-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    transform: rotate(127.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="71"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.71turn);
    -ms-transform: rotate(0.71turn);
    transform: rotate(0.71turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="72"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="72"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.36turn);
    -ms-transform: rotate(0.36turn);
    transform: rotate(0.36turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="72"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.72turn);
    -ms-transform: rotate(0.72turn);
    transform: rotate(0.72turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="73"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="73"] .progress-circle__slice.full {
    -webkit-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    transform: rotate(131.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="73"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.73turn);
    -ms-transform: rotate(0.73turn);
    transform: rotate(0.73turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="74"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="74"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.37turn);
    -ms-transform: rotate(0.37turn);
    transform: rotate(0.37turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="74"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.74turn);
    -ms-transform: rotate(0.74turn);
    transform: rotate(0.74turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="75"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="75"] .progress-circle__slice.full {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="75"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="76"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="76"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.38turn);
    -ms-transform: rotate(0.38turn);
    transform: rotate(0.38turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="76"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.76turn);
    -ms-transform: rotate(0.76turn);
    transform: rotate(0.76turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="77"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="77"] .progress-circle__slice.full {
    -webkit-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    transform: rotate(138.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="77"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.77turn);
    -ms-transform: rotate(0.77turn);
    transform: rotate(0.77turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="78"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="78"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.39turn);
    -ms-transform: rotate(0.39turn);
    transform: rotate(0.39turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="78"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.78turn);
    -ms-transform: rotate(0.78turn);
    transform: rotate(0.78turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="79"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="79"] .progress-circle__slice.full {
    -webkit-transform: rotate(142.2deg);
    -ms-transform: rotate(142.2deg);
    transform: rotate(142.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="79"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="80"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="80"] .progress-circle__slice.full {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="80"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="81"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="81"] .progress-circle__slice.full {
    -webkit-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    transform: rotate(145.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="81"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.81turn);
    -ms-transform: rotate(0.81turn);
    transform: rotate(0.81turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="82"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="82"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.41turn);
    -ms-transform: rotate(0.41turn);
    transform: rotate(0.41turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="82"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.82turn);
    -ms-transform: rotate(0.82turn);
    transform: rotate(0.82turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="83"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="83"] .progress-circle__slice.full {
    -webkit-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    transform: rotate(149.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="83"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="84"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="84"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.42turn);
    -ms-transform: rotate(0.42turn);
    transform: rotate(0.42turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="84"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.84turn);
    -ms-transform: rotate(0.84turn);
    transform: rotate(0.84turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="85"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="85"] .progress-circle__slice.full {
    -webkit-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    transform: rotate(153deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="85"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="86"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="86"] .progress-circle__slice.full {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="86"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="87"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="87"] .progress-circle__slice.full {
    -webkit-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    transform: rotate(156.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="87"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.87turn);
    -ms-transform: rotate(0.87turn);
    transform: rotate(0.87turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="88"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="88"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.44turn);
    -ms-transform: rotate(0.44turn);
    transform: rotate(0.44turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="88"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.88turn);
    -ms-transform: rotate(0.88turn);
    transform: rotate(0.88turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="89"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="89"] .progress-circle__slice.full {
    -webkit-transform: rotate(160.2deg);
    -ms-transform: rotate(160.2deg);
    transform: rotate(160.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="89"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="90"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="90"] .progress-circle__slice.full {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="90"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="91"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="91"] .progress-circle__slice.full {
    -webkit-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    transform: rotate(163.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="91"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.91turn);
    -ms-transform: rotate(0.91turn);
    transform: rotate(0.91turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="92"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="92"] .progress-circle__slice.full {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="92"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="93"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="93"] .progress-circle__slice.full {
    -webkit-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    transform: rotate(167.4deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="93"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.93turn);
    -ms-transform: rotate(0.93turn);
    transform: rotate(0.93turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="94"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="94"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.47turn);
    -ms-transform: rotate(0.47turn);
    transform: rotate(0.47turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="94"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.94turn);
    -ms-transform: rotate(0.94turn);
    transform: rotate(0.94turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="95"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="95"] .progress-circle__slice.full {
    -webkit-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    transform: rotate(171deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="95"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="96"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="96"] .progress-circle__slice.full {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="96"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="97"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="97"] .progress-circle__slice.full {
    -webkit-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    transform: rotate(174.6deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="97"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.97turn);
    -ms-transform: rotate(0.97turn);
    transform: rotate(0.97turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="98"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="98"] .progress-circle__slice.full {
    -webkit-transform: rotate(0.49turn);
    -ms-transform: rotate(0.49turn);
    transform: rotate(0.49turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="98"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.98turn);
    -ms-transform: rotate(0.98turn);
    transform: rotate(0.98turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="99"] .progress-circle__fill,
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="99"] .progress-circle__slice.full {
    -webkit-transform: rotate(178.2deg);
    -ms-transform: rotate(178.2deg);
    transform: rotate(178.2deg);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="99"] .progress-circle__fill.progress-circle__bar {
    -webkit-transform: rotate(0.99turn);
    -ms-transform: rotate(0.99turn);
    transform: rotate(0.99turn);
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="100"] {
    background: #71c97a;
    -webkit-transition: none;
    transition: none;
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="100"] .progress-circle__overlay {
    background: #71c97a;
    color: #fff;
    -webkit-transition: none;
    transition: none;
}
.trajectoryUniversity__tasks-item .progress-circle[data-current-progress="100"] .progress-circle__slice {
    -webkit-transition: none;
    transition: none;
}
.trajectoryUniversity__tasks-item span {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 120%;
    padding-right: 12px;
}
.trajectoryUniversity__tasks-item svg {
    stroke: #d0c2de;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: stroke 0.2s;
    transition: stroke 0.2s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}
.trajectoryUniversity__tasks-item.is-active,
.trajectoryUniversity__tasks-item:hover {
    background: #f9f4ff;
}
.trajectoryUniversity__tasks-item.is-active .progress-circle__overlay,
.trajectoryUniversity__tasks-item:hover .progress-circle__overlay {
    background-color: #f9f4ff;
}
.trajectoryUniversity__tasks button {
    background: none;
    border: 0;
    width: 100%;
    color: #966cee;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 110%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.trajectoryUniversity__tasks button svg {
    width: 24px;
    height: 24px;
    stroke: #966cee;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: stroke 0.2s, -webkit-transform 0.4s;
    transition: stroke 0.2s, -webkit-transform 0.4s;
    transition: stroke 0.2s, transform 0.4s;
    transition: stroke 0.2s, transform 0.4s, -webkit-transform 0.4s;
}
.trajectoryUniversity__tasks button:hover {
    color: #392b4b;
}
.trajectoryUniversity__tasks button:hover svg {
    stroke: #392b4b;
}
.trajectoryUniversity__tasks button.is-active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.trajectoryUniversity__materials-item {
    counter-increment: itemNumber;
}
.trajectoryUniversity__materials-item:not(:last-child) {
    margin-bottom: 10px;
}
.trajectoryUniversity__materials-item__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    border: 1px solid #efe8f8;
    background: #fff;
    padding: 15px;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.trajectoryUniversity__materials-item__head,
.trajectoryUniversity__materials-item__head i,
.trajectoryUniversity__tasks-item,
.trajectoryUniversity__tasks-item i
{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.trajectoryUniversity__materials-item__head i,.trajectoryUniversity__tasks-item i {
    min-width: 44px;
    min-height: 44px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #efe8f8;
    font-weight: 700;
    border-radius: 50%;
    margin-right: 20px;
    font-style: normal;
}
.trajectoryUniversity__materials-item__head i:after,.trajectoryUniversity__tasks-item i:after {
    content: counter(itemNumber);
}
.trajectoryUniversity__materials-item__head > svg {
    stroke: #d0c2de;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: stroke 0.2s, -webkit-transform 0.3s;
    transition: stroke 0.2s, -webkit-transform 0.3s;
    transition: stroke 0.2s, transform 0.3s;
    transition: stroke 0.2s, transform 0.3s, -webkit-transform 0.3s;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    margin-right: 10px;
}
.trajectoryUniversity__materials-item__head:hover svg {
    stroke: #966cee;
}
.trajectoryUniversity__materials-item__buttons {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    margin-left: auto;
    margin-right: 20px;
    min-width: 180px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
}
.trajectoryUniversity__materials-item__buttons li {
    margin: 0;
    padding: 0;
}
.trajectoryUniversity__materials-item__buttons li:not(:last-child) {
    margin-right: 5px;
}
.trajectoryUniversity__materials-item__buttons li > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 25px;
    padding-left: 5px;
    padding-right: 5px;
    max-height: 25px;
    height: 25px;
    border-radius: 3px;
}
.trajectoryUniversity__materials-item__buttons-btn {
    margin: 0;
    padding: 0 5px;
    background: #966cee;
    font-size: 0;
}
.trajectoryUniversity__materials-item__buttons-btn svg {
    width: 16px;
    height: 16px;
}
.trajectoryUniversity__materials-item__buttons li > a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.trajectoryUniversity__materials-item__buttons li > a:hover {
    opacity: 0.8;
}
.trajectoryUniversity__materials-item__buttons li > a .is-hidden {
    display: none;
}
.trajectoryUniversity__materials-item__buttons li > :not(.trajectoryUniversity__materials-item__buttons-btn) {
    border: 1px solid #efe8f8;
    color: #392b4b;
    font-size: 14px;
    font-weight: 700;
}
.trajectoryUniversity__materials-item__buttons li > :not(.trajectoryUniversity__materials-item__buttons-btn).low {
    border: 1px solid #ff604b;
    background: #ff604b;
    color: #fff;
}
.trajectoryUniversity__materials-item__buttons li > :not(.trajectoryUniversity__materials-item__buttons-btn).mid {
    border: 1px solid #fcdda2;
    background: #fcdda2;
}
.trajectoryUniversity__materials-item__buttons li > :not(.trajectoryUniversity__materials-item__buttons-btn).high {
    border: 1px solid #1f9756;
    background: #1f9756;
    color: #fff;
}
.trajectoryUniversity__materials-item__buttons li > :not(.trajectoryUniversity__materials-item__buttons-btn).unknown {
    border: 1px solid #d0c2de;
    background: #d0c2de;
    color: #fff;
}
.trajectoryUniversity__materials-item__body {
    display: none;
    padding: 27px 15px 15px;
    background: #8671a8;
    border-radius: 0 0 12px 12px;
    position: relative;
    top: -12px;
    margin-bottom: -12px;
}
.trajectoryUniversity__materials-item.is-active .trajectoryUniversity__materials-item__head > svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    stroke: #966cee;
}
.trajectoryUniversity__wrap {
    display: flex;
    max-width: 100%;
    flex-direction: column;
}
@media (max-width: 1619.98px) {
    .trajectoryUniversity__subjects-item {
        width: -webkit-calc(25% - 15px);
        width: calc(25% - 15px);
    }
}
@media (max-width: 991.98px) {
    .trajectoryUniversity__materials {
        margin-top: 30px;
    }
    .trajectoryUniversity__tasks-item.is-active,
    .trajectoryUniversity__tasks-item.is-active .progress-circle__overlay {
        background: #fff;
    }
    .trajectoryUniversity__sep {
        margin-bottom: 0;
        background: none;
    }
    .trajectoryUniversity__subjects-item {
        width: -webkit-calc(33.33333% - 13.33333px);
        width: calc(33.33333% - 13.33333px);
    }
    .trajectoryUniversity__materials-item__buttons {
        min-width: 130px;
    }
    .trajectoryUniversity__materials-item__head i {
        margin-right: 10px;
        min-width: 32px;
        min-height: 32px;
    }
    .trajectoryUniversity__materials-item__head {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .trajectoryUniversity__materials-item__head span {
        width: -webkit-calc(100% - 76px);
        width: calc(100% - 76px);
    }
    .trajectoryUniversity__materials-item__buttons {
        min-width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px;
    }
    .trajectoryUniversity__materials-item__buttons-eduMaterials {
        font-size: 0 !important;
        border: 0 !important;
    }
    .trajectoryUniversity__materials-item__buttons-eduMaterials__wrap {
        margin-left: auto !important;
    }
    .trajectoryUniversity__materials-item__buttons-eduMaterials span {
        width: auto !important;
    }
    .trajectoryUniversity__materials-item__buttons-eduMaterials .is-hidden {
        display: block !important;
        font-size: 13px !important;
        font-weight: 500;
        color: #966cee;
    }
    .trajectoryUniversity__materials-item__buttons-btn {
        font-size: 13px;
        color: #fff;
        padding-left: 15px !important;
        padding-right: 15px !important;
        background: #f9f4ff;
        border: 1px solid #e6e0fa;
        font-weight: 500;
        border-radius: 8px !important;
        color: #966cee;
    }
    .trajectoryUniversity__materials-item__buttons-btn svg {
        display: none;
    }
    .trajectoryUniversity__materials-item__buttons li > * {
        min-width: 32px;
        max-height: 32px;
        height: 32px;
        border-radius: 8px !important;
    }
}
@media (max-width: 767.98px) {
    .trajectoryUniversity__subjects-item {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }
    .trajectoryUniversity__materials-item__buttons {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .trajectoryUniversity__materials-item__buttons-eduMaterials__wrap {
        width: 100%;
        margin: 10px 0 0 !important;
    }
    .trajectoryUniversity__head {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .trajectoryUniversity__sep {
        margin-top: 15px;
    }
    .trajectoryUniversity__head-progressBar {
        width: 90px;
    }
    .trajectoryUniversity__semester:first-child {
        margin-top: 15px;
    }
}
@media (max-width: 479.98px) {
    .trajectoryUniversity__head {
        font-size: 16px;
    }
    .trajectoryUniversity__head-progressBar {
        width: 82px;
    }
    .trajectoryUniversity__subjects {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 10px;
        overflow: auto;
        padding-bottom: 12px;
        margin-bottom: -12px;
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .trajectoryUniversity__subjects-item {
        width: 170px;
        min-width: 170px;
    }
    .trajectoryUniversity__subjects-item__progress {
        font-size: 13px;
    }
}
.no_suitable_resumes__div{
    padding: 20px;
    text-align: center;
}
.no_suitable_resumes__div p{
    font-size: 16px;
}
.no_suitable_resumes__div > *{
    margin: 10px 0;
}
.card-list__item .main__btn-light{
    width: 100%;
}

.professions__charts .select2 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    top: -2px;
    width: auto !important;
}
.professions__charts .select2 .select2-results__option {
    white-space: nowrap;
}
.professions__charts .select2-container--krajee-bs4 .select2-selection--single {
    position: relative;
    height: 44px !important;
    line-height: 1.428571429 !important;
    padding: 6px 30px 6px 12px !important;
}
.professions__charts .modal-title {
    padding-right: 40px;
    font-size: 1.5rem;
}
.professions__charts #chart {
    height: 400px !important;
}
.professions__charts .side-nav {
    max-width: 100%;
    position: relative;
}
.professions__charts-citySelect .select2-dropdown {
    width: 250px !important;
}
.professions__charts-citySelect.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown {
    margin-top: 10px !important;
}

@media (max-width: 991.98px) {
    #charts-popup .side-nav__list {
        margin-bottom: 16px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px 6px;
        overflow-x: auto;
        overflow-y: hidden;
    }
    #charts-popup .side-nav__list::-webkit-scrollbar {
        display: none;
    }
    #charts-popup .side-nav__item {
        font-size: 14px;
        line-height: 24px;
    }
    #charts-popup .side-nav__list {
        margin-left: -25px;
        margin-right: -25px;
        padding: 0 25px 6px;
        gap: 15px;
    }
}
@media (any-hover: hover) {
    #charts-popup .side-nav__item:hover {
        color: #534466;
    }
}
@media (min-width: 768px) {
    #charts-popup.modal > .modal-dialog {
        max-width: 1000px;
        width: 100%;
    }
}
@media (max-width: 767.8px) {
    #charts-popup .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    #charts-popup.modal .h4, #charts-popup.modal h4 {
        font-size: 16px;
    }
}
@media (max-width: 420px) {
    .professions__charts-citySelect .select2-dropdown {
        width: 200px !important;
    }
}

.cookieUseInfo {
    border-radius: 16px;
    background: rgba(108, 80, 171, 0.90);
    backdrop-filter: blur(12.5px);
    padding: 15px 15px 15px 20px;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    position: fixed;
    right: 10px;
    bottom: 10px;
    transition: transform .4s;
    z-index: 900;
}

.cookieUseInfo a {
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
}

.cookieUseInfo svg {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
}

.cookieUseInfo.is-hidden {
    transform: translateY(200%);
}

.cookieUseInfo__text {
    padding-left: 15px;
    padding-right: 15px;
}

.cookieUseInfo__text p {
    padding: 0;
    margin: 0;
}

.cookieUseInfo button {
    border: 0;
    border-radius: 6px;
    background: #9375D6;
    display: inline-flex;
    padding: 8px 18px;
    align-items: center;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
}

@media (max-width: 991.98px) {
    .cookieUseInfo {
        left: 5px;
        right: 5px;
        bottom: 5px;
    }
}

@media (max-width: 479.98px) {
    .cookieUseInfo svg {
        display: none;
    }

    .cookieUseInfo__text {
        padding-left: 0;
    }
}

.edit-company__steps .cabinet-msg svg {
    stroke: #F3A919;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-company__steps .cabinet-msg {
    border-radius: 16px;
    padding: 16px;
    background: transparent;
    color: #fff;
    border: 1px solid #fcdda2;
    margin-bottom: 24px;
}

.edit-company__steps .cabinet-msg .row > * {
    justify-content: center;
}

.edit-company__steps .cabinet-msg .font-main {
    line-height: 135% !important;
    font-size: 14px;
}

.edit-company__steps .cabinet-msg-b {
    color: initial !important;
}

.edit-company__steps .cabinet-msg-error {
    border: 1px solid #ffb6b6;
}

.notifications__btn-unread span:after{
    content: "";
    position: absolute;
    /*top: -1px;*/
    /*right: -1px;*/
    transform:translate(0%,-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: orange;
    mix-blend-mode:darken;
}
.bell_ring{
    -webkit-animation: ring 3s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 3s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 10s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.notify__list.scroll-element {
    max-height: 500px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.notify__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 20px;
}
.notify__list-item:not(:last-child) {
    border-bottom: 1px solid #e4e9f0;
}
.notify__list-item__image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
}
.notify__list-item__body .h4,
.notify__list-item__body h4 {
    font-size: 17px;
    margin-bottom: 10px;
}
.notify__list-item__message {
    font-size: 14px;
    margin-bottom: 10px;
}
.notify__list-item__message-title {
    font-weight: 500;
    margin: 0;
}
.notify__list-item__message p {
    opacity: 0.85;
    margin-bottom: 0;
}
.notify__list-item__date {
    opacity: 0.5;
    font-size: 13px;
    font-weight: 500;
}
.notify__list-item__remove {
    position: absolute;
    right: 0;
    top: 0;
    outline: none;
    background: none;
    border: 0;
    padding: 15px;
}
.notify__list-item__remove svg {
    width: 22px;
    height: 22px;
    stroke: #d0c2de;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: stroke 0.2s;
    transition: stroke 0.2s;
}
.notify__list-item__remove:hover svg {
    stroke: #ea7f51;
}
.notify-bell {
    width: 31px;
    height: 31px;
}
#profile_index_panel__pjax{
    margin-top: 50px;
}
#modal-form .modal-content .modal-body .content-wrapper.cabinet-panel{
    height: auto;
}
#cabinet-wrapper .content-wrapper.cabinet-panel{
    height: 100vh;
}
.toggle-sidebar__menu ul li a.is_active{
    color: #966CEE;
}
#test-task-add-files__header, .field-test-task-add-files__header{
    display: none;
}
img.per__avatar {
    width: 56px;
    height: 56px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.chat-mm-outer .btn{
    margin: 15px 0;
}
tags.tagify tag, tags.tagify .tagify__tag-text{
    max-width: 100%;
}
.tagify .tagify__input {
    height: auto;
    min-height: 44px;
}

.chat-b__container {
    border: 1px solid #efe8f8;
    border-radius: 8px;
}

body .tippy-box[data-animation=fade][data-state=hidden]{
    opacity:0
}
body [data-tippy-root]{
    max-width:calc(100vw - 10px)
}
body .tippy-box{
    position:relative;
    background-color:#fff;
    color:#392B4B;
    font-size: 14px;
    padding: 5px;
    border-radius:8px;
    font-size:14px;
    line-height:1.4;
    white-space:normal;
    outline:0;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.2);
    transition-property:transform,visibility,opacity
}
.tippy-box[data-animation=scale][data-placement^=top]{
    transform-origin:bottom
}
.tippy-box[data-animation=scale][data-placement^=bottom]{
    transform-origin:top
}
.tippy-box[data-animation=scale][data-placement^=left]{
    transform-origin:right
}
.tippy-box[data-animation=scale][data-placement^=right]{
    transform-origin:left
}
.tippy-box[data-animation=scale][data-state=hidden]{
    transform:scale(.5);
    opacity:0
}
.tippy-arrow {
    color: #fff;
}
body .tippy-box[data-theme="card-item__disability"] .tippy-content {
    color: #5D5D5D;
}

.card-item__disability {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    color: #9B9B9B;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
    padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
}

.card-item__disability span {
    display: inline;
    text-decoration-style: dashed;
    padding-bottom: 2px;
    border-bottom: 1px dashed #CBCBCB;
    transition: border .2s;
}

.card-item__disability:hover span {
    border-bottom: 1px dashed #fff;
}

.card-item__disability svg {
    fill: #9B9B9B;
    min-width: 19px;
    min-height: 19px;
    margin-right: 5px;
}

.card-item__name {
    padding-bottom: 0;
    margin-bottom: 5px;
}
.about-course__maintext{
    white-space: pre-line;
}
#modal-notif-form h2{
    text-align: center;
    font-size: 2rem;
    margin: 13px 0;
}
#modal-notif-form p{
    font-size: 16px;
    margin: 13px 0;
    line-height: 1.5;
}
.modal_promocode__field{
    display: none;
    margin: 0 auto;
}
.modal_promocode__field input{
    text-align: center;
}
.edu_index__btns{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media (max-width: 600px) {
    .edu_index__btns{
        display: flex;
        flex-direction: column;
    }
}
.import-cv__trajectory{
    margin-bottom: 10px;
}
.trajectory_feedback__div{
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #ffffff;
    border-radius: 15px;
    padding: 10px 20px;
    background-color: #8461d0;
    z-index: 100;
}
.trajectory_feedback__image img{
    width: 200px;
}
.trajectory_feedback__desc{
    display: flex;
    flex-direction: column;
    width: 300px;
    padding: 10px;
}
.trajectory_feedback__header{
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0;
}
.trajectory_feedback__desc p{
    font-weight: 500;
}
.btn-feedback{
    color: #966CEE;
    background-color: #F9F4FF;
    padding: 5px 15px;
}
.btn.btn-feedback:hover{
    color: #966CEE;
    background-color: #E6E0FA;
}
.trajectory_feedback__desc .trajectory_feedback__btns{
    display: flex;
    justify-content: end;
    margin: 25px 3px;
}
.trajectory_feedback__x{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 20px;
}
.cab-msg__btn a{
    line-height: 1.3;
    width: 100%;
}
.cab-msg__btns{
    display: flex;
    gap: 10px;
    flex-direction: column;
}

@media (max-width: 770px){
    .trajectory_feedback__div{
        width: 100%;
        position: relative;
        right: 0;
        margin: 40px 0;
        opacity: 1;
    }
    .cab-msg__btns{
        margin-top: 20px;
    }
}
#trajectoryfeedbackform-rating{
    display: none;
}
.rate-trajectory__buttons{
    display: flex;
    justify-content: end;
}
.rate-trajectory__body .rate-trajectory__pers_data{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.rate-trajectory__pers_data span, .rate-trajectory__pers_data a{
    font-size: 10px;
    word-break: break-word;
    line-height: 1.2;
    color: #A897BD;
    font-weight: 600;
}
.rate-trajectory__pers_data a:hover{
    text-decoration: underline;
}
.rate-trajectory__body_success{
    align-items: center;
}
/* тарифы траектории */
.trajectory__tariffs{
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    /*justify-content: center;*/
}

@media (max-width: 890px) {
    .trajectory__tariffs{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
.trajectory__tariffs .trajectory__tariff{
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    border: 1px solid #EFE8F8;
    width: auto;
    flex-grow: 1;
    transition: border .2s;
}

.trajectory__tariffs .trajectory__tariff:hover {
    border-color: #966cee !important;
}

.trajectory__tariff:hover .tariff_profitable {
    background: #966cee !important;
}

.trajectory__tariff .fake_label{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    border-radius: 15px;
    transition: 0.2s ease-in-out;
}
.trajectory__tariff .tariff_profitable {
    font-size: 12px;
    padding: 2px 8px;
    color: #fff;
    background-color: #E19500;
    border-radius: 25px 25px 0 25px;
    position: absolute;
    top: -10px;
    right: -1px;
    font-weight: 500;
    letter-spacing: .3px;
    transition: background .2s;
}
.trajectory__tariff .tariff_period{
    font-weight: 600;
    color: #000000;
}
.trajectory__tariff .tariff_period, .trajectory__tariff .tariff_price{
    color: #000000;
    margin: 15px;
    position: relative;
    z-index: 2;
}
.trajectory__tariff input{
    display: none !important;
}
.almost-ready__submit{
    width: 100%;
}
input:checked ~ .fake_label {
    background: #f3e7ff;
}

.cabinet-info__block .btn-place {
    display: inline-flex;
    margin: 0 !important;
    font-size: 16px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-tgbot {
    background: #198EC6 !important;
    border: 0 !important;
    border-radius: 8px;
    position: fixed;
    z-index: 100;
    right: 5px;
    bottom: 5px;
    display: inline-flex;
    align-items: center;
    color: #fff !important;
    font-size: 14px;
    padding: 10px 15px;
    transition: background .2s, transform .3s;
}

.btn-tgbot svg {
    width: 22px;
    height: 18px;
    fill: #fff;
    margin-right: 10px;
}

.btn-tgbot:hover {
    background: #23A0DB !important;
    color: #fff !important;
}
p.promo__activated{
    background-color: #C7EAC7;
    padding: 20px;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.prof-class {
    padding-bottom: 70px;
}
.consultant-settings__wrap .course__addition__steps > a,
.consultant-settings__wrap .course__addition__steps > div {
    width: 15.2%;
}

.checkboxBlockList li {
    border-radius: 9px;
    border: 1px #EFE8F8 solid;
    padding: 25px;
    cursor: pointer;
    transition: border .2s, background .2s;
}

.checkboxBlockList li:hover {
    border: 1px #966CEE solid;
}

.checkboxBlockList li.is-active {
    background: #F9F4FF;
}

.checkboxBlockList li:not(:last-child) {
    margin-bottom: 10px;
}

.checkboxBlockList__head {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.checkboxBlockList__head-icon {
    border-radius: 8px;
    background: #F9F4FF;
    margin-right: 15px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}

.checkboxBlockList__head-icon svg {
    width: 24px;
    height: 24px;
    fill: #966CEE;
    transition: fill .2s;
}

.checkboxBlockList li.is-active .checkboxBlockList__head-icon {
    background: #966CEE;
}

.checkboxBlockList li.is-active .checkboxBlockList__head-icon svg {
    fill: #fff;
}

.checkboxBlockList__head-name {
    font-size: 20px;
    color: #392B4B;
    font-weight: 600;
}

.checkboxBlockList__description {
    color: #615473;
    font-size: 16px;
}

.checkboxBlockList__price {
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
}

.consultant-settings__radioList {
    display: flex;
    align-items: center;
    height: 100%;    
}

.consultant-settings__radioList .form-group {
    margin: 0;
}

.consultant-settings__radioList > *:not(:last-child),
.consultant-settings__radioList div[role="radiogroup"] label:not(:last-child) {
    margin-right: 10px;
}

.consultant-settings__radioList div[role="radiogroup"] label {
    color: #392B4B;
}

.consultant-settings__wrap textarea.form-control {
    resize: none;
}

.consultant-settings__wrap textarea.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(150,108,238, .2);
}

.certificates-item {
    background: #E6E0FA;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 240px;
    overflow: hidden;
}

.certificates-item img {
    max-height: 240px;
}

.certificates-item__buttons {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.certificates-item__buttons ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.certificates-item__buttons ul li:not(:last-child) {
    margin-right: 10px;
}

.certificates-item__buttons ul li svg {
    width: 32px;
    height: 32px;
    stroke: #fff;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.certificates-item__buttons ul li svg.icon-eye {
    stroke-width: 1.4;
}

.add-certificates-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px dashed #EFE8F8;
    border-radius: 16px;
    min-height: 240px;
    width: 100%;
    min-width: 230px;
}

.consultant__profareas .tagify__input {
    display: none !important;
}

.consultant-settings__article {
    display: flex;
    align-items: flex-end;
    column-gap: 20px;
}

.consultant-settings__article:not(:last-child) {
    margin-bottom: 10px;
}

.consultant-settings__article .form-group {
    width: 50%;
    margin-bottom: 0;
}

.consultant-settings__article .form-group label {
    width: 100%;
}

.consultant-settings__article  .teacher-s__reset {
    width: 44px;
    height: 44px;
}

.btn.btn-place:hover {
    border: 1px solid #e6e0fa !important;
}

.btn.btn-place:focus {
    box-shadow: unset !important;
}

.consultants-block {
    background: #FBFAFD;
    padding: 30px;
}

.consultants-block .row {
    position: relative;
    z-index: 2;
}

.consultants-block .row > * {
    height: 100%;
}

.consultants-block .row > *:nth-child(1) {
    display: flex;
    align-self: center;
    justify-content: center;
}

.consultants-block .row > *:nth-child(1) img {
    max-width: 90%;
    max-height: 650px;
    user-select: none;
}

.consultants-block {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.consultants-block .logo-emblem {
    position: absolute;
    top: -75px;
    left: -180px;
}

.consultants-block .logo-emblem img {
    width: 730px;
    height: 730px;
    opacity: .05;
}

.consultants-service__item {
    border-radius: 9px;
    border: 1px #EFE8F8 solid;
    padding: 25px;
    cursor: pointer;
    transition: border .2s, background .2s;
    user-select: none;
}

.consultants-service__item:hover {
    border: 1px #966CEE solid;
}

.consultants-service__item.is-active {
    background: #F9F4FF;
}

.consultants-service__item:not(:last-child) {
    margin-bottom: 10px;
}

.consultants-service__head {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.consultants-service__bottom {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.consultants-service__bottom .btn {
    margin-right: auto;
    font-size: 14px;
    margin-top: 15px;
}

.consultants-service__head-icon {
    border-radius: 8px;
    background: #F9F4FF;
    margin-right: 15px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}

.consultants-service__head-icon svg {
    width: 24px;
    height: 24px;
    fill: #966CEE;
    transition: fill .2s;
}

.consultants-service li.is-active .consultants-service__head-icon {
    background: #966CEE;
}

.consultants-service li.is-active .consultants-service__head-icon svg {
    fill: #fff;
}

.consultants-service__head-name {
    font-size: 20px;
    color: #392B4B;
    font-weight: 600;
}

.consultants-service__description {
    color: #615473;
    font-size: 16px;
}

.consultants-service__bottom-b {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: auto;
}

.consultants-service__bottom-b .consultants-service__price {
    margin-top: 0;
    margin-right: auto;
}

.consultants-service__bottom-b .btn {
    margin-top: 0;
}

.consultants-service__price {
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
}

.consultants-block__buttons {
    display: flex;
    align-items: center;
}

.consultants-block__buttons p {
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: 110%;
}

.consultants-block__buttons .btn {
    margin-left: auto;
    width: 240px;
}

#consultant-profile-photo {
    margin-top: 5px;
}

#consultant-profile-photo .ava-wrap {
    position: relative;
    width: 100px;
    height: 100px;
}

#consultant-profile-photo .ava-wrap img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    cursor: pointer;
}

#consultant-profile-photo .profile__avatar_input {
    display: none;
}

#consultant-profile-photo .profile__avatar_button {
    cursor: pointer;
    position: relative;
    top: -10px;
    z-index: 3;
}

#consultant-profile-photo .ava-wrap .loader {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
}

.go-to-back svg {
    stroke: #966CEE;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 24px;
    height: 24px;
    transition: stroke .2s;
}

.go-to-back {
    display: inline-flex;
    align-items: center;
    color: #966CEE;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    left: -4px;
    transition: color .2s;
    padding: 15px;
    margin: -15px;
}

.go-to-back:hover {
    color: #392b4b;
}

.go-to-back:hover svg {
    stroke: #392b4b;
}

.consultant-item {
    border: 1px #EFE8F8 solid;
    border-radius: 8px;
    padding: 15px;
    position: relative;
}

.consultant-item .btn {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 7px;  
    --bs-btn-font-size: 14px;  
}

.consultant-item__body {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.consultant-item__body-left {
    width: 72px;
    margin-right: 20px;
}

.consultant-item__photo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    transition: opacity .25s;
}

.consultant-item__body-left:hover .consultant-item__photo {
    opacity: .8;
}

.consultant-item__body-right {
    flex-grow: 1;
}

.consultant-item__user {
    padding-right: 60px;
}

.consultant-item__name {
    font-size: 16px;
    color: #392B4B;
    font-weight: 600;
}

.consultant-item__info {
    color: #7B7186;
    font-size: 13px;
    display: flex;
    margin: 0;
    margin-top: 5px;
}

.consultant-item__info li {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.consultant-item__info li:not(:last-child) {
    margin-right: 14px;
}

.consultant-item__info li span {
    display: inline-flex;
    border-bottom: 1px dashed #CAC5CE;
    line-height: 100%;
    padding-bottom: 2px;
    margin-right: 3px;
    transition: border .25s;
}

.consultant-item__info li a:hover {
    color: #392B4B;
}

.consultant-item__info li a:hover svg {
    fill: #392B4B;
}

.consultant-item__info li a:hover span {
    border-bottom: 1px dashed #fff;
}

.consultant-item__info svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    fill: #CAC5CE;
    transition: fill .25s;
}

.consultant-item__rate {
    display: flex;
    align-items: center;
    position: absolute;
    right: 15px;
    top: 15px;    
}
.consultant-item__rate span {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 700;
}
.consultant-item__rate-star {
    width: 18px;
    height: 18px;
    position: relative;
    display: flex;
}
.consultant-item__bottom {
    display: flex;
    align-items: center;
}

.consultant-item__bottom .btn {
    margin-left: auto;
}

.consultant-item__profs {
    display: flex;
    align-self: center;
    flex-wrap: wrap;
    gap: 5px;    
    margin: 0;
}

.consultant-item__profs li svg {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    max-height: 18px;
    max-width: 18px;
    opacity: .5;
    transition: opacity .3s;
}

.consultant-item__profs li:hover svg {
    opacity: 1;
}

.consultant-item__profs li.is-hidden {
    display: none;
}

.consultant-item__profs li.is-hidden.is-view {
    display: block !important;
}

.consultant-item__profs-show a,
.consultant-item__profs-hide a {
    color: #A897BD;
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
    transition: color .2s;
}

.consultant-item__profs-show a:hover,
.consultant-item__profs-hide a:hover {
    color: #392B4B;
}

.ds-calendar-select {
    background: #FBFAFD;
    border-radius: 12px;
    padding: 30px;
}

.btn.btn-secondary {
    --bs-btn-color: #966cee;
    --bs-btn-bg: #f9f4ff;
    --bs-btn-border-color: #e6e0fa;
    --bs-btn-hover-color: #966cee;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #e6e0fa;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #966cee;
    --bs-btn-active-bg: #f9f4ff;
    --bs-btn-active-border-color: #e6e0fa;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #a9a9a9;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: var(--bs-btn-active-color) !important;
    background-color: var(--bs-btn-active-bg) !important;
    border-color: var(--bs-btn-active-border-color) !important;
}

.ds-app-calendar-toolbar .v-btn.v-btn--icon.ds-skinny-button {
    background: #fff;
    margin-right: 10px;
    position: relative;
    top: -3px;
}

.ds-app-calendar-toolbar .theme--light.v-btn:hover:before {
    opacity: 0.3;
}

.reviews__item {
    background: #fff;
    min-height: 360px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.reviews__item,
.reviews__item-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.reviews__item-head {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.reviews__item-image {
    width: 62px;
    margin-right: 15px;
}
.reviews__item-image i {
    display: block;
    width: 62px;
    height: 62px;
    background: #f8f3fe;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.reviews__item-image i img {
    width: 100%;
}
.reviews__item-image i svg {
    position: absolute;
    width: 30px;
    height: 30px;
    fill: #392b4b;
    opacity: 0.2;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
}
.reviews__item-name p {
    color: #392b4b;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    margin: 0;
}
.reviews__item-name span {
    color: #392b4b;
    font-size: 14px;
    line-height: 100%;
    opacity: 0.7;
}
.reviews__item-text {
    color: rgba(57, 43, 75, 0.8);
    font-size: 15px;
    line-height: 135%;
    letter-spacing: 0.28px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.reviews__item-text a {
    font-weight: 500;
}
.reviews__item-date {
    font-size: 13px;
    margin-top: auto;
}

.reviews__item-rating {
    display: flex;
    align-items: center;
    margin-top: 3px;
}

.reviews__item-rating svg {
    width: 12px;
    height: 12px;
    fill: #DADADA;
}

.reviews__item-rating svg:not(:last-child) {
    margin-right: 3px;
}

.reviews__item-rating svg.fill {
    fill: #FFD25E;
}

@media (max-width: 1619.98px) {
    .reviews__item {
        min-height: 340px;
    }
}
@media (max-width: 1199.98px) {
    .reviews__item {
        min-height: 320px;
    }
}
@media (max-width: 991.98px) {
    .reviews__item {
        padding: 20px;
        min-height: 280px;
    }
    .reviews__item-text {
        font-size: 14px;
    }
    .reviews__item-name p {
        font-size: 15px;
    }
    .reviews__item-name span {
        font-size: 12px;
    }
    .reviews__item-image {
        width: 52px;
    }
    .reviews__item-image i {
        width: 52px;
        height: 52px;
    }
}

.consultant__reviews .reviews__item {
    background: #FBFAFD;
    border-radius: 25px;
    padding: 30px;
    width: 100%;
}

.consultant__reviews .swiper-slide {
    height: auto;
}

.consultant__reviews .swiper-control {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.consultant__documents .swiper-control {
    display: none;
}

.consultant__reviews .swiper-control.isView,
.consultant__documents .swiper-control.isView {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.consultant__reviews .swiper-control .swiper-pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 24px;
    color: #392b4b;
    min-width: 90px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    opacity: 0.7;
    position: static;
    width: auto;
}
._swiper-button-next,
._swiper-button-prev {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    background: rgba(150, 108, 238, 0.15);
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}
._swiper-button-next.swiper-button-disabled,
._swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
._swiper-button-next.swiper-button-hidden,
._swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
._swiper-navigation-disabled .swiper-button-next,
._swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}
._swiper-button-next svg,
._swiper-button-prev svg {
    width: 32px;
    height: 32px;
    stroke: #966cee;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
}
._swiper-button-next:hover,
._swiper-button-prev:hover {
    background: #966cee;
}
._swiper-button-next:hover svg,
._swiper-button-prev:hover svg {
    stroke: #fff;
}
._swiper-button-prev {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
._swiper-button-next {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.consultant__head {
    display: flex;
    border-radius: 16px;
    background: #FBFAFD;
    padding: 35px;
}

.consultant__head-username {
    font-size: 28px;
    color: #392B4B;
    font-weight: 500;
}

.consultant__head-photo-this {
    width: 170px;
    height: 170px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

.consultant__head-photo {
	display: flex;
	align-items: center;
    margin-right: 40px;
    min-width: 170px;
}

.consultant__head-left, .consultant__head-right {
    display: flex;
    align-items: center;
    width: 50%;
}

.consultant__head-container {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 210px);
}

.consultant__head-container > .consultant-item__profs {
    justify-content: flex-start !important;
}

.consultant__head-container-wrap {
    display: flex;
    flex-grow: 1;   
    width: 100%; 
}

.consultant__head-container-wrap.profAreas-in-bottom {
    align-items: flex-start;
}

.consultant__head-right {
    justify-content: flex-end;
}

.consultant__head-container-wrap + .consultant-item__profs {
    margin-top: 20px;
}

.consultant__head-userInfo__bottom {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.consultant__head-userInfo__bottom .consultant-item__rate {
    position: static;
    padding: 2px 8px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 2px 4px 4px 0px rgba(178, 169, 197, 0.21);   
    margin-right: 20px; 
}

.consultant__head-userInfo__bottom .consultant-item__info {
    margin-top: 0;
}

.consultant__head .consultant-item__profs li:not(.consultant-item__profs-show, .consultant-item__profs-hide), 
.consultant__head .consultant-item__profs li.consultant-item__profs-show a,
.consultant__head .consultant-item__profs li.consultant-item__profs-hide a {
    padding: 8px 19px;
    border-radius: 4px;
    border: 1px solid rgba(108, 99, 119, 0.20);
    font-size: 12px;
    font-weight: 500;
    color: #6C6377;    
    line-height: 100%;
}

.consultant__head .consultant-item__profs li.consultant-item__profs-show a,
.consultant__head .consultant-item__profs li.consultant-item__profs-hide a {
    display: block;
    margin: 0;
    color: #966CEE;
    border-color: #966CEE;
    line-height: 100%;
}

.consultant__head .consultant-item__profs {
    justify-content: flex-end;
}

.consultant__head-right > p {
    color: #392B4B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 185%;
}

.consultant__head-right .morecontent span,
.reviews__item-text .morecontent span {
    display: none;
}

.consultant__head-right .morelink,
.reviews__item-text .morelink {
    color: #966CEE;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    transition: color .2s;
}

.reviews__item-text .morelink {
    font-size: 15px;
}

.consultant__head-right .morelink:hover,
.reviews__item-text .morelink:hover {
    color: #392B4B;
}

.consultants-service-inCard .row {
    row-gap: 30px;
}

.consultants-service-inCard .row .consultants-service__item {
    height: 100%;
    display: flex;
    flex-direction: column;    
}

.consultants-service__item-b {
    height: auto;
    display: flex;
    flex-direction: column;
}

.datetime-item__value {
    padding: 2px 9px;
    border-radius: 4px;
    background: #6C6377;    
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
}

.datetime-item__title {
    color: #392B4B;
    font-size: 20px;
    font-weight: 600; 
    margin-top: 10px;
    margin-bottom: 10px;
}

.datetime-item__cnt {
    color: #7D7A89;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
}

.datetime-item__cnt strong {
    color: #392B4B;
    margin-top: 10px;
    display: block;
}

.datetime-item__cnt strong + ul {
    margin-top: 15px;
}

.consultant__expBlock {
    border-radius: 16px;
    background: #FBFAFD;   
    padding: 35px; 
    height: 100%;
}

.consultant__expBlock-title {
    display: flex;
    align-items: center;
    color: #392B4B;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    padding-bottom: 30px;
}

.consultant__expBlock-title svg {
    margin-right: 15px;
}

.datetime-item__list > div:not(:last-child) {
    margin-bottom: 40px;
}

.consultant__expBlock ._view-more svg {
    stroke: #966CEE;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 24px;
    height: 24px;
    transform: rotate(-90deg);
    transition: stroke .2s, transform .2s;
}

.consultant__expBlock ._view-more {
    display: inline-flex;
    align-items: center;
    color: #966CEE;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    left: -4px;
    font-size: 15px;
    transition: color .2s;
    padding: 15px;
    margin: -15px;
}

.consultant__expBlock ._view-more:hover {
    color: #392b4b;
}

.consultant__expBlock ._view-more:hover svg {
    stroke: #392b4b;
}

.consultant__expBlock ._view-more.is-active svg {
    transform: rotate(90deg);
}

.datetime-item.is-hidden {
    display: none;
}

.datetime-item.is-hidden.is-show {
    display: block !important;
}

.consultant__documents .swiper-slide img {
    max-height: 300px;
    border-radius: 15px;
    user-select: none;
}

.consultant__documents .swiper-slide a {
    transition: opacity .2s;
}

.consultant__documents .swiper-slide a:hover {
    opacity: .8;
}

.consultant__documents .swiper-slide {
    height: auto;
    width: auto !important;
}

.main-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.main-title-wrap .swiper-control {
    display: inline-flex;
    margin-left: auto;
    width: 94px;
}

.main-title-wrap .swiper-control ._swiper-button-prev {
    margin-right: 10px;
}

.main-title-wrap .main__title {
    margin: 0;    
    margin-right: 30px;
    width: 100%;
}

.form-control:focus {
    box-shadow: unset !important;
}

.datetime-item .text ul.dotted li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.datetime-item .text ul.dotted li:not(:last-child) {
    margin-bottom: 6px;
}
.datetime-item .text ul.dotted li:before {
    content: "";
    margin-right: 15px;
}
.datetime-item .text ul.dotted--violet li:before {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41016 7.0544C1.41016 7.0544 7.0544 7.0544 7.0544 1.41016C7.0544 7.0544 12.6986 7.0544 12.6986 7.0544C12.6986 7.0544 7.0544 7.45756 7.0544 12.6986C7.0544 7.45756 1.41016 7.0544 1.41016 7.0544Z' fill='%23966CEE'/%3E%3C/svg%3E%0A");
}

.consultant__view .row {
    margin-bottom: 0;
}

#modal-view .transfer-success {
    display: none;
}

#modal-view .transfer-success__wrap {
    display: flex;
    align-items: center;
}

#modal-view .transfer-success__left {
    background: #FBFAFD;
    width: 340px;
    min-width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
}

#modal-view .transfer-success__left img {
    max-width: 100%;
    max-height: 100%;
}

#modal-view .transfer-success__right {
    flex-grow: 1;
    padding: 50px;
}

#modal-view .transfer-success__right p {
    font-size: 16px;
    color: #A897BD;
}

#modal-view .transfer-success__right p:not(:last-child) {
    margin-bottom: 10px;
}

#modal-view .transfer-success__right h4 {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.show_traj_steps__mob{
    display: none;
}
.step_vacancies .trajectory_ready__stats{
    margin-top: 50px;
}

.ds-hour-list-empty {
    color: #a94442;
}

.page__consultants .list-view .row > div {
    margin-bottom: 30px;
}

.advantageList__itemIcon svg {
    fill: #966CEE;
}

@media (max-width: 992px) {
    .page__consultants .ds-calendar-app .row > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page__consultants .ds-calendar-app .calendar-select-time {
        margin-top: 30px;
    }
}

.prof-class .next-step:not([data-bb-handler="confirm"]):hover {
    color: #fff !important;
}

@media (max-width: 770px) {
    .trajectory_cab__consultants .consultants-service ul li {
        width: 100%;
    }

    .trajectory_cab__content .consultants-service__head-name {
        font-size: 16px;
    }

    .trajectory_cab__content .consultants-service__description {
        font-size: 14px;
    }

    .trajectory_cab__consultants .consultants-service ul {
        gap: 10px;
    }

    .trajectory_cab__consultants .consultants-service__bottom-b .btn {
        font-size: 14px;
    }

    .trajectory_cab__consultants h4 {
        font-size: 22px;
        line-height: 115%;
    }
}

@media (max-width: 450px) {
    .trajectory_cab__consultants {
        padding: 20px;
    }

    .trajectory_cab__consultants h4 {
        font-size: 18px;
    }    

    .trajectory_cab__consultants .consultants-service__bottom-b .btn {
        padding: 7px 12px;
    }    
}

#filter-content .btn-filter-reset {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    #filter-content .btn-filter-reset {
        font-size: 15px
    }
}

.block__filter-consultants .filter-section {
    margin-top: 30px;
    --bs-gutter-y: 20px;
    -webkit-box-shadow: 0 6px 24px rgba(24, 29, 54, .12);
    box-shadow: 0 6px 24px rgba(24, 29, 54, .12);
    border-radius: 12px;
    padding: 25px    
}

.block__filter-consultants .filter-section__item-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.block__filter-consultants .filter-section__item-wrap .form-group {
    flex-grow: 1;
}

.block__filter-consultants .filter-section__item-wrap .form-group {
    max-width: calc(50% - 10px);
}

#filter-content .btn-filter-reset {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    #filter-content .btn-filter-reset {
        font-size: 15px
    }
}

.btn-filter-reset {
    background: none;
    border: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    color: #a897bd;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .2s;
    transition: color .2s;
    outline: none
}

.btn-filter-reset svg {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-left: -4px
}

.btn-filter-reset:hover {
    color: #4e4856
}

@media (max-width: 770px) {
    .block__filter-consultants .filter-section__item-wrap {
        flex-wrap: wrap;
    } 

    .block__filter-consultants .filter-section__item-wrap .form-group {
        max-width: 100%;
        width: 100%;
    }
}

.cabinet-info img {
    margin-top: auto;
}

.traj-sub__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.cabinet-info__block img {
    margin-left: auto;
    margin-right: auto;
}

.cabinet-info__block--two > .row > * {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cabinet-info__block .button_primary {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.bb-alternate-modal .modal-footer > * {
    width: auto !important;
    box-shadow: unset !important;
}

.bb-alternate-modal .modal-footer .btn-cancel {
    margin-right: 10px !important;
}

.bb-alternate-modal .modal-footer {
    border-top: 0 !important;
}

.bb-alternate-modal .modal-body {
    padding-bottom: 30px;
}

.goalr {
    flex-direction: column;
    gap: 15px !important;
}

.goalr__item {
    display: flex;
    align-items: center;
    flex-grow: 1 !important;
    cursor: pointer;
}

.goalr__list {
    display: flex;
    width: 100%;
    flex: 0 1 100%;
    gap: 15px;
    flex-wrap: wrap;
}

.goalr__item:not(:last-child) {
    margin-bottom: 0 !important;
}

.goalr__item_title {
    margin: 0 !important;
    font-size: 18px;
    line-height: 120%;
    transition: color .2s;
}

.goalr__item-wrap {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.goalr__item img {
    width: 74px;
}

.goalr__item-wrap a {
    display: inline-block;
    color: #966CEE;
    text-decoration: none !important;
    padding-bottom: 2px;
    border-bottom: 1px dashed rgba(150, 108, 238, .5);
    white-space: nowrap;
    transition: border .2s;
    line-height: 110%;
}

.goalr__item-wrap a:hover, .goalr__item:hover .goalr__item-wrap a {
    color: #966CEE;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(255, 255, 255, 0);
}

.goalr__item:hover .goalr__item_title {
    color: #966CEE;
}

#goalr-0.modal > .modal-dialog,
#goalr-1.modal > .modal-dialog,
#goalr-2.modal > .modal-dialog {
    max-width: 500px;
}

#goalr-0 .modal-body,
#goalr-1 .modal-body,
#goalr-2 .modal-body {
    padding: 40px;
}

#goalr-0 .modal-header,
#goalr-1 .modal-header,
#goalr-2 .modal-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.goalr-modal__description {
    margin-bottom: 20px;
}

.goalr-modal__header {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.goalr-modal__header img {
    max-width: 62px;
    margin-right: 13px;
}

.goalr-modal__header h5 {
    line-height: 110%;
    margin: 0;
    font-weight: bold;
}

.trajectory_ready__page .position__vacancy_stats.stats_white, .position__vacancy_stats.stats_white a {
    background-color: #f4f4f4;
}

.modal-dialog {
    margin: auto !important;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#trajectoryfeedbackform-message::placeholder {
    line-height: 125%;
}

#modalContent-form .btn.btn-primary, .card-edu__actions .edit-card {
    transition: all .2s;
}

/*#modalContent-form .btn.btn-primary:hover {
    color: #fff !important;
    opacity: .85;
}*/

.card-edu__actions .edit-card:hover, .edu-btn_wrap .btn-cancel:hover {
    background: #fff;
}

.section__fastTrajectoryForm .block-orangeLight {
    position: relative;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, from(#fdf2ea), color-stop(130%, #fedbc9));
    background: linear-gradient(90deg, #fdf2ea, #fedbc9 130%)
}

.section__fastTrajectoryForm .h2 {
    font-weight: 600;
    width: 50%;
    margin: 0 0 40px
}

.section__fastTrajectoryForm-image {
    position: absolute;
    right: 14%;
    top: 0
}

.section__fastTrajectoryForm-image img {
    width: 86%
}

@media (max-width: 1619.98px) {
    .section__fastTrajectoryForm-image {
        right: 100px
    }
}

@media (max-width: 1199.98px) {
    .section__fastTrajectoryForm-image {
        right: 20px
    }

    .section__fastTrajectoryForm .block-orangeLight {
        padding-right: 300px
    }
}

@media (max-width: 991.98px) {
    .section__fastTrajectoryForm .block-orangeLight .h2, .section__fastTrajectoryForm .block-orangeLight h2 {
        font-size: 22px;
        width: 80%
    }

    .section__fastTrajectoryForm-image {
        right: 20px;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 50%
    }

    .section__fastTrajectoryForm-image img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        margin-top: auto;
        margin-bottom: auto
    }

    .section__fastTrajectoryForm .block-orangeLight {
        padding-right: 50% !important
    }

    .section__fastTrajectoryForm .btn {
        white-space: nowrap
    }
}

@media (max-width: 767.98px) {
    .section__fastTrajectoryForm .block-orangeLight {
        padding-right: 280px !important
    }

    .section__fastTrajectoryForm .block-orangeLight .h2, .section__fastTrajectoryForm .block-orangeLight h2 {
        font-size: 20px;
        width: 100%
    }

    .section__fastTrajectoryForm-image {
        right: 15px;
        width: 43%
    }

    .section__fastTrajectoryForm-image img {
        margin-top: 25px
    }
}

@media (max-width: 550px) {
    .section__fastTrajectoryForm .block-orangeLight {
        padding-right: 220px !important
    }
}

@media (max-width: 479.98px) {
    .section__fastTrajectoryForm .block-orangeLight {
        padding-right: 25px !important
    }

    .section__fastTrajectoryForm .block-orangeLight .h2, .section__fastTrajectoryForm .block-orangeLight h2 {
        font-size: 18px
    }

    .section__fastTrajectoryForm-image {
        display: none
    }
}

.section__fastTrajectoryForm .block {
    border-radius: 20px;
    padding: 30px
}

.section__fastTrajectoryForm .h2 {
    margin-top: 0;
    margin-bottom: 12.5px;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.section__fastTrajectoryForm .h2 {
    font-weight: 600;
    width: 50%;
    margin: 0 0 40px
}

.section__fastTrajectoryForm .h2 {
    font-size: -webkit-calc(1.325rem + .9vw);
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .section__fastTrajectoryForm .h2 {
        font-size: 2rem
    }
}

.p-4 {
    padding: 50px !important;
}

.section__fastTrajectoryForm-image {
    height: 100%;
}

.block-trajectory-info-1 .section__fastTrajectoryForm-image {
    right: -2%;
}

.block-trajectory-info-5 {
    color: #fff;
}

.block-trajectory-info-5 .btn-dark {
    background: rgba(255,255,255,0.1);
}

.block-trajectory-info-5 .btn-dark:hover,
.block-trajectory-info-5 .btn-dark:focus,
.block-trajectory-info-5 .btn-dark:active {
    background: rgba(255,255,255,1);
    color: #392B4B;   
}

.block-trajectory-info-5 .section__fastTrajectoryForm-image img {
    width: auto;
    max-width: 98%;
}

.block-trajectory-info-5 .section__fastTrajectoryForm-image {
    display: flex;
    align-items: flex-end;
}

.section__fastTrajectoryForm .block-trajectory-info-7 .h2 {
    color: #fff;
}

.block-trajectory-info-8 {
    color: #fff;
}

.block-trajectory-info-8 .btn-dark {
    background: rgba(255,255,255,0.1);
}

.block-trajectory-info-8 .btn-dark:hover,
.block-trajectory-info-8 .btn-dark:focus,
.block-trajectory-info-8 .btn-dark:active {
    background: rgba(255,255,255,1);
    color: #392B4B;   
}

.block-trajectory-info-9 .section__fastTrajectoryForm-image {
    right: 0;
}

.section__fastTrajectoryForm-image {
    right: 8%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 620px) {
    .section__fastTrajectoryForm-image {
        height: auto;
        position: static !important;
        margin-top: 0;
        width: 100%;
    }   

    .section__fastTrajectoryForm-image img {
        margin-top: 0;
    }

    .section__fastTrajectoryForm .block-orangeLight {
        padding: 25px !important;
        display: flex;
        flex-direction: row;
        align-items: center;
    }  
        
    .section__fastTrajectoryForm-image img {
        width: auto;
        max-height: 280px;
    }      

    .section__fastTrajectoryForm .h2 {
        font-weight: 600;
        width: 50%;
    }    

    .section__fastTrajectoryForm-text {
        display: flex;
        flex-direction: column;
    }

    .section__fastTrajectoryForm-text .btn-wrap {
        margin-top: auto;
    }

    .section__fastTrajectoryForm .block-orangeLight .h2, .section__fastTrajectoryForm .block-orangeLight h2 {
        font-size: 18px;
    }    

    .section__fastTrajectoryForm-image img {
        width: auto;
        max-height: 150px;
    }    

    .section__fastTrajectoryForm .btn {
        font-size: 14px;
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 7px;
        padding-bottom: 7px;
        white-space: normal;
        line-height: 110%;
        text-align: left;
    }

    .block-trajectory-info-5 .section__fastTrajectoryForm-image img {
        margin-top: auto;
        margin-bottom: -25px;
    }

    .section__fastTrajectoryForm .block {
        border-radius: 14px;
    }
}

@media (max-width: 480px) {
    .section__fastTrajectoryForm .block-orangeLight .h2, .section__fastTrajectoryForm .block-orangeLight h2 {
        font-size: 15px;
    }

    .section__fastTrajectoryForm .btn {
        font-size: 13px;
    }

    .section__fastTrajectoryForm-image img {
        margin-top: 0px;
    }

    .section__fastTrajectoryForm .block-orangeLight {
        padding: 25px !important;
    }      
}

.edit-company__steps .cabinet-msg.cabinet-msg--black {
    color: initial;
    line-height: 135% !important;
    opacity: .7;
    background: #fffdf8 !important;
}

.position__vacancy_stats {
    border-radius: 14px;
}

.has-error .select2-selection {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
    border-color: #dc3545 !important;
}

.active-number .step-n__number_circle {
    background: #b28dff !important;
}

.ed-block {
    overflow-x: hidden;
}

.edit-company__steps .prof-orient--card .card__question, .cards-titles-header {
    user-select: none;
}

.main_tiles.is-fill .main_tiles__item {
    opacity: .6;
}

.main_tiles__label input[type=checkbox]:checked ~ .main_tiles__item {
    opacity: 1 !important
}

.trajBottomButtons .container {
	padding: 0;
}

.trajBottomButtons .container > *:not(:last-child) {
	margin-right: 12px;
}

.trajBottomButtons .btn:focus {
    box-shadow: unset !important;
}

.trajBottomButtons .btn[name="go-skip"] {
    border: 0;
    background: transparent;
    --bs-btn-disabled-color: #6c757d;
}

.trajBottomButtons .btn.in-load .trajBottomButtons-loader {
    display: inline-block;
}

.trajBottomButtons-loader {
  display: none;
  vertical-align: middle;
  width: 20px;
  padding: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  position: relative;
  top: -2px;
  margin-left: 7px;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: trajBtnLoader 1.3s infinite linear;
}
@keyframes trajBtnLoader {to{transform: rotate(1turn)}}

.trajBottomButtons button.in-load,
.trajBottomButtons button.in-load:hover,
.trajBottomButtons button.in-load:focus,
.trajBottomButtons button.in-load:active,
.trajBottomButtons .btn.in-load[name="go-skip"]:hover,
.trajBottomButtons .btn.in-load[name="go-skip"]:focus
 {
    cursor: default !important;
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
}

.btn-secondary.in-load .trajBottomButtons-loader {
    background: var(--bs-btn-hover-color) !important;
}

/*.prof-class__main.fasdf .step-s__buttons,
.edit-company__steps .edu-btn_wrap {
    display: none;
}*/

.btn-tgbot-wrap:after {
    content: 'Возникли вопросы? Наш чат-бот поможет!';
    display: inline-block;
}

@media (max-width: 768px) {
    .btn-tgbot-wrap:after {
        content: 'Возникли вопросы?';
        display: inline-block;
    }

    .btn {
        --bs-btn-font-size: 14px;
    }    
}

@media (max-width: 580px) {
    .btn-tgbot-wrap:after {
        display: none;
    }

    .btn-tgbot svg {
        margin: 0;
    }
}

@media (max-width: 380px) {
    .page-trajectory__prof-orient .btn-tgbot {
        bottom: 58px !important;
    }  

    .btn {
        --bs-btn-padding-x: 18px;
        --bs-btn-padding-y: 8px;        
    }  
}

@media (max-width: 1024px) {
	.trajBottomButtons {
        margin: 0 !important;
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 10;
	    border-top: 1px solid #e4e9f0;
	    padding-top: 10px;
	    padding-bottom: 10px;    
	    background: #fff;
	    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
	}

    .trajBottomButtons .row {
        margin: 0 !important;
    }

    .trajBottomButtons .row > * {
        padding-left: 0;
        padding-right: 0;
    }

	.trajBottomButtons .container {
        padding-right: calc(var(--bs-gutter-x)* 0.5);
        padding-left: calc(var(--bs-gutter-x)* 0.5);		
	}

    #page.page-trajectory {
        padding-bottom: 74px;
    }	
}

@media (min-width: 1024px) {
	.nt__content .btn.btn-primary, 
	.main-purpure .prof-class .btn.btn-primary,
	.prof-ib__content .btn.btn-primary {
	    --bs-btn-color: #966cee;
	    --bs-btn-bg: #fff;
	    --bs-btn-border-color: #fff;
	    --bs-btn-hover-color: #966cee;
	    --bs-btn-hover-bg: rgba(255, 255, 255, 0.8);
	    --bs-btn-hover-border-color: rgba(255, 255, 255, 0.8);
	    --bs-btn-active-color: #966cee;
	    --bs-btn-active-bg: #fff;
	    --bs-btn-active-border-color: #fff;
	    --bs-btn-active-shadow: 0 0 0;
	    --bs-btn-disabled-color: #966cee;
	    --bs-btn-disabled-bg: rgba(255, 255, 255, 0.4);
	    --bs-btn-disabled-border-color: rgba(255, 255, 255, 0.2);	
	}

	.prof-ib__content .btn.btn-primary {
		--bs-btn-color: #392b4b;
		--bs-btn-hover-color: #392b4b;
		--bs-btn-active-color: #392b4b;
		--bs-btn-disabled-color: #392b4b;
	}

	.nt__content .btn.btn-primary .trajBottomButtons-loader, 
	.main-purpure .prof-class .btn.btn-primary .trajBottomButtons-loader,
	.prof-ib__content .btn.btn-primary .trajBottomButtons-loader {
		background: #966cee;
	}

	.nt__content .btn.btn-secondary, 
	.main-purpure .prof-class .btn.btn-secondary,
	.prof-ib__content .btn.btn-secondary {
	    --bs-btn-color: #fff;
	    --bs-btn-bg: transparent;
	    --bs-btn-border-color: #fff;
	    --bs-btn-hover-color: rgba(255, 255, 255, 0.8);
	    --bs-btn-hover-bg: transparent;
	    --bs-btn-hover-border-color: rgba(255, 255, 255, 0.8);
	    --bs-btn-active-color: #fff;
	    --bs-btn-active-bg: transparent;
	    --bs-btn-active-border-color: #fff;
	    --bs-btn-active-shadow: 0 0 0;
	    --bs-btn-disabled-color: rgba(255, 255, 255, 0.4);
	    --bs-btn-disabled-bg: transparent;
	    --bs-btn-disabled-border-color: rgba(255, 255, 255, 0.4);	
	}

	.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
	    background-color: var(--bs-btn-hover-bg);
	    border-color: var(--bs-btn-hover-border-color);
	    color: var(--bs-btn-hover-color);
	}
}

#page.no-header {
    padding-top: 0px !important;
}

#import-cv__btn svg {
    stroke: var(--bs-btn-color);
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
}

#import-cv__btn:hover svg {
    stroke: var(--bs-btn-hover-color);
}

#import-cv__btn:focus svg {
    stroke: var(--bs-btn-focus-color);
}

#import-cv__btn:active svg {
    stroke: var(--bs-btn-active-color);
}

#import-cv__btn[disabled] svg {
    stroke: var(--bs-btn-disabled-color);
}

.show_task_all_materials svg {
    stroke: #7d59ca;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tr-blocki__spacer {
    width: 32px;
    display: block;
}

.trajBottomButtons{
    margin: 20px 0 50px 0;
}

.parnters-vacancies {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 16px;
  margin-top: 25px;
}

@media screen and (max-width: 1710px) {
    .parnters-vacancies {
        grid-template-columns: repeat(4,1fr)
    }
}

@media screen and (max-width: 1420px) {
    .parnters-vacancies {
        grid-template-columns: repeat(3,1fr)
    }
}

@media screen and (max-width: 770px) {
    .parnters-vacancies {
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width: 480px) {
    .parnters-vacancies {
        grid-template-columns: repeat(1,1fr)
    }
}

.trajectory_vac__title {
    font-size: 24px;
    font-weight: 500;
    margin-top: 50px;
}

.parnters-vacancies__item {
  border-radius: 16px;
  padding: 30px 16px 16px;
  border: 1px solid #efe8f8;
  display: flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
}

.parnters-vacancies__name {
  font-weight: bold;
}

.parnters-vacancies__count {
  opacity: .7;
  margin-top: 3px;
}

.parnters-vacancies__logo {
  margin-bottom: 10px;
  min-height: 100px;
  max-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.parnters-vacancies__logo img {
  max-height: 100%;
  max-width: 100%;
}

#arrow-left svg {
    stroke: #966CEE;
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.trajectory_cab__content__trajectory .show_traj_steps__mob #arrow-left {
    display: inline-block !important;
}

.trajectory_cab__content__sidebar.mob .trajectory_cab__go_back {
    align-items: center;
}

.show-all-profs__btn a svg {
    stroke: #7d59ca;
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__rendered {
    padding-right: 20px !important;    
}

.mrpl-t__buttons_hide svg {
    stroke: #966CEE;
}
.professions-item__description{
    white-space: pre-line;
}
.practice_task{
    white-space: pre-line;
    font-size: 16px;
    line-height: 1.5;
}

.applicant_trajectory .traj__step {
    display: none;
}

.applicant_trajectory .traj__step.current__step {
    display: block;
}
.trajBottomButtons-loader{
    margin-right: 5px;
}
.lesson__filename > .row > div {
    display: flex;
    align-items: center;
}
.cabinet-panel .section_title {
    display: flex;
    align-items: center;
}
.cabinet-panel .section_title__buttons {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cabinet-panel .section_title .section_title__left {
    margin: 0;
    margin-right: 12px;
}
.cabinet-panel .creation-nav a {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 600px) {
    .cabinet-panel .section_title {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .cabinet-panel .section_title__buttons {
        margin: 0;
    }
}