section.info {

    width: 100%;
    padding-top: 200px;
    padding-bottom: 150px;
    min-height: 100vh;
    /*height: 100vh;*/

    background-image: url("/images/bg-teacher.png");
    background-repeat: no-repeat;
    /*background-size: 100%;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fffbf5;
}

section.info .feathers {

    position: relative;
}

section.info .feathers img {
    position: absolute;
    left: 1px;
    top: -165px;

}

.info .teacher {
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;


}

.teacher .name {
    font-family: PlayfairDisplay-700;
    font-size: 72px;
    line-height: 1.2;
    /* identical to box height */

    text-transform: uppercase;

    color: #C6711A;
}

.teacher .work {
    font-family: PlayfairDisplay-400;
    /*font-size: 64px;*/
    font-size: 50px;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #303030;
}

.teacher-mob-image {
    display: none;
    margin-top: 50px;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

.teacher-mob-image img {
    width: 100%;
}

.section-title {

    font-family: PlayfairDisplay-700;
    font-size: 48px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #303030;
    margin-bottom: 50px;
}

section.courses {
    padding-bottom: 120px;
}

.course-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*justify-content: space-between;*/
    align-items: flex-start;
}

.course-card {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.18);
    border-radius: 12px;
    padding: 15px 15px 20px 15px;
    /*padding: 20px 20px 30px 20px ;*/
    width: 32%;
    /*width: 30%;*/
    /*width: 48%;*/
    margin-bottom: 30px;
    margin-right: 10px;
}
.course-card:nth-child(3n) {
    margin-right: unset;
}

.course-card-body {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    margin-top: 15px;
    margin-bottom: 15px;
}

.course-card-body .author {

    font-family: Gilroy-400;
    font-size: 16px;
    /*font-size: 18px;*/
    line-height: 1.2;
    color: #BABABA;
    /*margin-bottom: 10px;*/
    margin-bottom: 5px;
}

.course-card-body .title {
    font-family: Gilroy-600;
    /*font-size: 30px;*/
    /*font-size: 26px;*/
    font-size: 24px;
    line-height: 1.2;
    color: #202020;
    margin-bottom: 10px;
}

.course-card-body .block-price {
    display: flex;
    flex-wrap: wrap;
}

.course-card-body .price {
    font-family: Gilroy-400;
    font-size: 20px;
    /*font-size: 24px;*/
    line-height: 1.2;
    color: #202020;
}

.course-card-body .price span {
    color: #BABABA;
    text-decoration: line-through;
    margin-left: 10px;
}

.course-card .btn-open {
    width: 100%;
    height: 60px;
    /*height: 65px;*/
}

.md-title {
    font-family: PlayfairDisplay-700;
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #303030;
}


section.questions {
    /*padding-top: 120px;*/

    padding-bottom: 150px;
}

.accordion {
    display: flex;
    align-items: center;
    justify-content: space-between;

    background-color: transparent;
    cursor: pointer;
    padding: 15px 5px 15px 30px;
    width: 100%;
    text-align: left;


    font-family: Gilroy-600;
    font-size: 24px;
    line-height: 1.2;

    color: #303030;

    transition: all 0.4s ease;
    border-bottom: 1px solid #949494;
}

.accordion.active {
    border-bottom: 1px solid transparent;
}

.accordion svg.arrow-down-icon {
    transition: all 0.4s ease;
    transform: rotate(0deg);
}

.accordion.active svg.arrow-down-icon {
    transition: all 0.4s ease;
    transform: rotate(180deg);
}

.panel {
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid transparent;
}

.panel .answer {
    padding: 1px 30px 16px;
    border-bottom: 1px solid #949494;
    font-family: Gilroy-400;
    font-size: 18px;
    line-height: 1.2;
    color: #303030;
}

.accordion-block {
    margin-bottom: 10px;
}

.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 10px 20px 10px 10px;

    background: #2C2C2C;
    border: 1px solid #505050;
    box-sizing: border-box;
    border-radius: 6px;

    cursor: pointer;
    width: 100%;
    text-align: left;

    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;

    color: #EADCDC;

    transition: all 0.4s ease;
}

.accordion-header.active {
    background: #454545;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid transparent;
}

svg.arrow-down-red-icon {
    width: 24px;
    height: 24px;
    margin-left: auto;
    transition: all 0.4s ease;
    transform: rotate(0deg);
}

.accordion-header.active svg.arrow-down-red-icon {
    transition: all 0.4s ease;
    transform: rotate(180deg);
}

.accordion-panel {
    background: #454545;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    margin: 0;
    text-align: left;
    border-radius: 0px 0px 6px 6px;
}

.accordion-panel > div {
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    border-bottom: 1px solid #505050;
    border-radius: 0 0 6px 6px;

    display: flex;
    flex-direction: column;
    padding: 20px 60px 20px 135px;
}

.question-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;

    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    text-align: left;

    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #EADCDC;

    transition: all 0.4s ease;
    background: #fff;
    padding: 20px 30px 20px 20px;
    border: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}

.question-header.active {
    border-radius: 6px 6px 0 0;
}

.question-header-title {
    width: 100%;
}

.question-header-title h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;

    color: #000000;
}

svg.question-arrow-icon {
    width: 14px;
    height: 14px;
}

svg.question-arrow-icon {
    transform: rotate(0deg);
}

.question-header.active svg.question-arrow-icon {
    transition: all 0.3s;
    transform: rotate(180deg);
}

.question-header.active {
    background: #fff;
}

.question-accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    margin: 0;
    text-align: left;

    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    margin: 0;
    text-align: left;

    border-radius: 0px 0px 6px 6px;
}


.question-accordion-panel > div {
    border-radius: 0 0 6px 6px;
    border: none;
    display: flex;
    flex-direction: column;

    padding: 10px 30px 20px 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;

    color: #2B2A29;
}

section.course {
    padding-bottom: 150px;
}

.course-info {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.course-info .description {
    font-family: Gilroy-300;
    font-size: 18px;
    line-height: 150%;
    color: #303030;
}

.course-info .md-title {
    margin-top: 50px;
    margin-bottom: 30px;
}

.course-info .lesson-items {
    display: flex;
    flex-direction: column;
}

.lesson-items .lesson-item {
    background: #C6711A;
    border-radius: 6px;
    padding: 20px 20px 20px 25px;
    margin-bottom: 20px;
}

.course-info .lesson-video {
    width: 100%;
    height: 535px;
    margin-bottom: 20px;
}

.lesson-item:hover {
    background: #A05A13;
}

.lesson-item a, .lesson-item .lesson-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    font-family: Gilroy-600;
    font-size: 18px;
    line-height: 1.2;
    color: #FFFFFF;
}


.lesson-document-items {
    display: flex;
    flex-direction: column;
    padding-top: 30px;

}

.lesson-document-items .lesson-document-item {
    background: #F5F5F5;
    border-radius: 6px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.lesson-document-item a {
    font-family: Gilroy-600;
    font-size: 16px;
    line-height: 130%;
    color: #C6711A;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lesson-document-item a span {
    display: flex;
    align-items: center;
    color: #020204;
    font-family: Gilroy-600;
    font-size: 16px;
    line-height: 130%;
}

.lesson-document-item a span svg {
    margin-right: 15px;

}


/*.lesson-item a:hover {*/
/*    background: #A05A13;*/

/*}*/
.lesson-comments {
    margin-top: 30px;
    padding: 30px;
    background: #FFFFFF;
    /* 1 */

    box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.lesson-comments .comment-enter {
    display: flex;
    flex-direction: column;
}

.comment-enter .title, .comment-items .title {
    font-family: Gilroy-600;
    font-size: 24px;
    line-height: 1.2;
    color: #303030;
}

.comment-enter .comment-enter-body {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 10px;
}

.comment-enter-body img {
    margin-right: 10px;
}

.comment-enter-body .text {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #BABABA;
    border-radius: 2px;
    padding: 10px;
    font-family: Gilroy-400;
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    height: 130px;
    color: rgba(0, 0, 0, 0.6);
}

.comment-enter-body .comment-input {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-end;
}

.comment-input .btn-send-comment {
    margin-top: 10px;
}

.comment-items {
    display: flex;
    flex-direction: column;
}

.comment-items .title {
    margin-bottom: 20px;
}

.comment-items .comment-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.comment-items .comment-item:last-child {
    margin-bottom: unset;
}

.comment-item img {
    margin-right: 10px;
    width: 30px;
    height: 30px;
}

.comment-item .comment-body {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.comment-body .comment-user {
    font-family: Gilroy-400;
    font-size: 18px;
    line-height: 1.2;
    color: #303030;
}

.comment-body .comment-text {
    font-family: Gilroy-400;
    font-size: 16px;
    line-height: 130%;
    color: #5A5A5A;
    margin-top: 10px;
}

.comment-body .comment-date-and-answer {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.comment-date-and-answer .comment-date-answer {
    display: flex;
}

.comment-date-and-answer .comment-date {
    font-family: Gilroy-400;
    font-size: 14px;
    line-height: 1.2;
    color: #909090;
    margin-right: 20px;
}

.comment-date-and-answer .comment-replies {
    margin-top: 20px;
}

.comment-date-and-answer .answer {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Gilroy-600;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;

    /* Main color */

    color: #C6711A;
}

.comment-reply {
    display: none;
}

.comment-date-and-answer .answer svg {
    margin-right: 5px;
}

.svg-block {
    width: 24px;
    height: 24px;
}


section.s-profile {
    padding-bottom: 50px;
}

.profile {
    background: #FFFFFF;
    /* shadow standart */

    box-shadow: 0px 0px 20px rgba(178, 146, 184, 0.15);
    border-radius: 10px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.profile .profile-image {
    font-family: Gilroy-700;
    font-size: 18px;
    line-height: 130%;
    color: #303030;

    display: flex;
    flex-direction: column;
    margin-right: 40px;
}

.profile-image img {
    width: 170px;
    height: 160px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.profile-image .text {

}

.profile-image .default-btn {
    width: 150px;
    height: 50px;
    text-align: center;


    font-family: Gilroy-600;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

.profile .profile-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.profile-card {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.profile-card .title {
    font-family: Gilroy-700;
    font-size: 18px;
    line-height: 130%;
    color: #303030;
    margin-bottom: 5px;
}

.profile-card-body {
    background: #F6F6F6;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    padding: 15px;

}

.profile-card-body .buttons .default-btn {
    width: 220px;
    height: 50px;

    margin-top: 15px;
    font-family: Gilroy-600;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
}

.questions-accordion {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 6px;

}

.questions-accordion .accordion {
    border-bottom: unset !important;
    padding: 20px;

    font-family: Gilroy-500;
    font-size: 18px;
    line-height: 130%;
    color: #000000;
}

.questions-accordion .panel, .questions-accordion .panel .answer {
    border-bottom: unset !important;
}

.questions-accordion .panel .answer {
    padding: 0px 20px 20px 20px;
    font-size: 16px;
    line-height: 130%;
    color: #2B2A29;
}

.questions-accordion .svg-block svg {
    width: 24px;
}

.svg-block svg {
    min-width: 100%;
    height: 100%;
    width: 24px;
}

.auth-buttons {
    display: flex;
    flex-direction: row;
}

.auth-buttons .default-btn {
    margin-left: 20px;
}

.login-form-header {
    display: flex;
    justify-content: center;
    border-radius: 12px;
}

.login-form-header .title {
    font-family: Gilroy-600;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #202020;
}

#lesson-video-plyr {
    border-radius: 10px !important;
    margin-bottom: 30px !important;
}

.testing-info {
    padding: 20px 20px 30px 25px;
    background: #FFFFFF;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
}

.testing-info .title {
    font-family: Gilroy-700;
    font-size: 30px;
    line-height: 1.2;
    color: #303030;
    margin-bottom: 15px;

}

.testing-info .warning {
    font-family: Gilroy-400;
    font-size: 20px;
    line-height: 1.2;
    color: #E21B1B;
    margin-bottom: 40px;
}

.testing-info .default-btn {
    width: 190px;
    height: 40px;
    font-family: Gilroy-600;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 4px;
    margin-bottom: 20px;
}

.testing-info .text {
    font-family: Gilroy-400;
    font-size: 16px;
    line-height: 1.2;
    color: #BABABA;
}

.testing-body {
    display: flex;
    flex-direction: column;
}

.testing-body .timer {
    background: #FFECCD;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 25px 20px 20px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.timer .title {
    font-family: Gilroy-600;
    font-size: 20px;
    line-height: 1.2;
    color: #020204;
}

.timer .text-time {
    font-family: Gilroy-400;
    font-size: 20px;
    line-height: 1.2;
    color: #202020;
    display: flex;
}

.timer .text-time span {

    font-family: Gilroy-700;
    font-size: 20px;
    line-height: 1.2;
    color: #2CC93C;

    margin-left: 10px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-questions-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.course-questions-block .questions-block-left {
    padding: 30px 25px 40px 25px;
    background: #FFFFFF;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: calc(100% - 350px);
    display: flex;
    flex-direction: column;
}

.course-questions-block .questions-block-right {
    padding: 25px 25px 30px 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 320px;
    margin-left: 30px;
}

.questions-item .question-text {
    font-family: Gilroy-500;
    font-size: 20px;
    line-height: 1.2;
    color: #434242;
    margin-bottom: 20px;
}

.questions-item .answers {
    display: flex;
    flex-direction: column;
}

.answers .answer-item {
    background: #FFFFFF;
    border: 0.5px solid #B8B8B8;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 5px;
    display: flex;
    height: 50px;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.answers .answer-item:hover {
    transition-duration: 0.3s;
    /* background-color: #efccaa; */
    background-color: #FFE3C7;
}

.answers .answer-item .answer-var {
    background: #FFE3C7;
    border-radius: 4px;
    width: 48px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Gilroy-700;
    font-size: 20px;
    line-height: 1.2;
    color: #434242;
}

.answers .answer-item .answer-text {
    height: 100%;
    padding-left: 20px;
    font-family: Gilroy-400;
    font-size: 18px;
    line-height: 1.2;
    color: #434242;
    display: flex;
    align-items: center;
    justify-content: center;
}

.questions-block-left .question-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.question-footer .left, .question-footer .right {
    background: #FFE3C7;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.question-footer .left:hover, .question-footer .right:hover {

    transition-duration: 0.3s;
    /*background-color: #efccaa;*/
    background-color: #edbf91;
    /*background-color: #ffdab5;*/
}

.question-footer .center {
    display: flex;
    flex-direction: row;
}

.question-footer .center span {
    font-family: Gilroy-700;
    font-size: 20px;
    line-height: 1.2;
    color: #434242;
}

.questions-block-right .title {
    font-family: Gilroy-600;
    font-size: 20px;
    line-height: 1.2;
    color: #020204;
    margin-bottom: 15px;
}

.questions-block-right .answer-numbers {
    display: flex;
    flex-wrap: wrap;
}

.answers .answered {
    background: #C6711A !important;
}

.answers .answered .answer-text {
    color: white !important;
}

.answer-numbers .answer-number {
    background: #FFE3C7;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-right: 7px;

    width: 40px;
    height: 40px;
    font-family: Gilroy-600;
    font-size: 20px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    margin-bottom: 10px;
    cursor: pointer;
}

.answer-numbers .answer-number:hover {
    transition-duration: 0.3s;
    background-color: #edbf91;

}

.answer-numbers .answer-number:nth-child(6n) {
    margin-right: unset;
}

.answer-numbers .answer-number:nth-child(6n) {
    margin-right: unset;
}

.answered {
    background: #C6711A !important;
}

.questions-block-right .default-btn {
    margin-top: 40px;
    width: 100%;
    height: 50px;
}

.d-none {
    display: none !important;
}

.prev-next-btn-disabled {
    background: #A6A6A6 !important;
    cursor: not-allowed !important;
    color: white !important;
}

.prev-next-btn-disabled svg rect {
    fill: white !important;

}

.testing-result {
    background: #FFFFFF;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 30px 30px 40px 30px;
}

.testing-result .result-message {
    font-family: Gilroy-500;
    font-size: 20px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    color: #303030;
    margin-bottom: 15px;
}

.testing-result .incorrect-answer {
    color: #E21B1B;
}

.testing-result .correct-answer {
    color: #2CC93C;
}

.testing-result .buttons {
    display: flex;
    margin-top: 15px;
    flex-direction: row;
}

.testing-result .buttons .default-btn {
    width: 188px;
    margin-right: 10px;
    font-family: Gilroy-600;
    font-size: 16px;
    line-height: 1.2;
}

.testing-result .buttons .white-btn {
    width: 220px;
    font-family: Gilroy-600;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}

.profile-image .profile-image-text {
    font-family: Gilroy-700;
    font-size: 18px;
    line-height: 130%;
    color: #303030;
}

/*.questions-item {*/
/*    display: none;*/
/*}*/
@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    section.info {
        padding-top: 100px;
        padding-bottom: 50px;
        background-size: contain;
    }

    section.info .feathers {
        display: none;
    }

    .teacher .name {
        font-size: 44px;
    }

    .teacher .work {
        font-size: 38px;
        margin-bottom: 10px;
    }

    .info .teacher {
        margin-bottom: 40px;
    }

    .section-title {
        font-size: 38px;
        margin-bottom: 40px;
    }

    .course-card-body .title {
        font-size: 26px;
    }

    .course-card-body .price {
        font-size: 22px;
    }

}

@media (max-width: 767.98px) {
    section.courses {
        padding-bottom: 70px;
    }

    .section-title {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .course-items {
        flex-direction: column;
    }

    .course-card {
        margin-right: unset;
        width: 100%;
    }

    .course-card-body {
        margin-top: 15px;
    }

    .course-card-body .author {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .course-card-body .title {
        font-size: 24px;
    }

    .course-card-body .price {
        font-size: 18px;
    }

    .course-card .btn-open {
        height: 50px;
        font-size: 18px;

    }

    .questions .section-title {
        margin-bottom: 15px;

    }

    .accordion {
        font-size: 18px;
        padding: 10px 5px 10px 20px
    }

    .panel .answer {
        font-size: 16px;
        padding: 1px 20px 10px;
    }

    .course-info .md-title {
        margin-top: 30px;
        font-size: 30px;
    }

    .course-info .lesson-video {
        height: auto;
    }

    .profile {
        flex-direction: column;
    }

    .profile .profile-image {
        align-items: center;
        justify-content: center;
        margin-right: unset;
        width: 100%;
        margin-bottom: 30px;
    }

    .profile .profile-image img {
        border-radius: 50%;

    }

    .profile .profile-image .text {
        display: none;
    }

    .info .teacher {
        margin-bottom: 30px;
    }

    .teacher .name {
        font-size: 36px;
    }

    .teacher .work {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    section.info {
        padding-top: 80px;
    }

    .testing-info .title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .testing-info .warning {
        font-size: 16px;
        font-family: Gilroy-500;
        margin-bottom: 20px;

    }

    .testing-info {
        padding: 20px 15px 30px 15px;
    }

    .testing-body .timer {
        padding: 25px 20px 15px 15px;
        margin-bottom: 100px;
    }

    .course-questions-block {
        flex-direction: column;
    }

    .course-questions-block .questions-block-left, .questions-block-right {
        width: 100%;
    }

    .course-questions-block .questions-block-left {
        padding: 30px 15px 30px 15px;
    }

    .testing-body .timer {
        padding: 25px 20px 15px 15px;
        margin-bottom: 10px;
    }

    .course-questions-block .questions-block-right {
        width: 100%;
        margin-left: unset;
        margin-top: 40px;
    }

    .questions-item .question-text {
        font-size: 16px;
    }

    .answers .answer-item .answer-var {
        font-family: Gilroy-600;
        font-size: 18px;
        line-height: 1.4;
        /* identical to box height */


        /* black */

        color: #303030;

    }

    .answers .answer-item .answer-text {
        font-family: Gilroy-400;
        font-size: 14px;
        line-height: 1.2;
    }

    .testing-result {
        padding: 30px;
        /*.testing-result .result-message*/
        /*@yf()*/

    }

    .testing-result .result-message {
        margin-bottom: 10px;
    }

    .testing-result .testing-result {
        padding: 30px;
        font-size: 18px;
        /*.testing-result .result-message*/
        /*@yf()*/

    }

    .profile-image-text {
        display: none;
    }
    .main-page {
        margin-top: -100px;
    }


}

@media (max-width: 675.98px) {
    .main-page {
        margin-top: -150px;
    }

}

@media (max-width: 650.98px) {
    .main-page {
        margin-top: -200px;
    }
}
@media (max-width: 575.98px) {
    section.courses, section.questions {
        padding-bottom: 50px;
    }

    .section-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .accordion {
        font-size: 16px;
    }

    .panel .answer {
        font-size: 14px;
    }

    .course-info {
        padding: 20px 15px;
    }

    .course-info .description {
        font-size: 14px;
    }

    .course-info .md-title {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    section.course {
        padding-bottom: 80px;
    }

    .lesson-items .lesson-item {
        padding: 15px 20px 15px 15px;
        margin-bottom: 15px;
    }

    .lesson-item a, .lesson-item .lesson-link {
        font-size: 14px;
    }

    .lesson-document-item a {
        flex-direction: column;
        align-items: flex-start;
    }

    .lesson-document-item a span {
        margin-bottom: 15px;
    }

    .lesson-comments {
        padding: 20px 15px;
    }

    .comment-input .btn-send-comment {
        width: 100%;
    }

    .comment-enter .title, .comment-items .title {
        font-size: 18px;
    }

    .comment-body .comment-user {
        font-size: 16px;
    }

    .comment-body .comment-text {
        font-size: 14px;
    }

    .questions-accordion .accordion {
        padding: 15px 20px;
        font-size: 16px;
    }

    .questions-accordion .panel .answer {
        font-size: 14px;
    }

    .profile {
        padding: 30px 15px;
    }

    section.info {
        background-image: none;
        padding-top: 50px;
    }

    .teacher-mob-image {
        display: block;
    }

    .testing-result .buttons {
        display: flex;
        flex-direction: column;
    }

    .testing-result .buttons .default-btn, .testing-result .buttons .white-btn {
        width: 100%;

    }

    .testing-result .buttons .default-btn {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .testing-result .buttons .default-btn .white-btn {
        margin-top: 10px;
    }

    .testing-result .buttons button {
        width: 100%;
    }

    .testing-result .result-message {
        font-size: 18px;
    }


    .main-page{
        margin-top: unset!important;
        /*padding-bottom: unset !important;*/
    }

}

@media (max-width: 540.98px) {
    /*section.info {*/
    /*    background-image: url("/images/bg-teacher-mob.png");*/
    /*    background-size: cover;*/
    /*}*/

}

@media (max-width: 400.98px) {

}

@media (max-width: 360.98px) {

}

/*.loader {*/
/*    display: none;*/
/*}*/

.w-auto {
    width: auto;
}

.lock-lesson-item {
    background: #505050 !important;
}