/* --------- MainPage REVIEWS --------- */

.videoReviewModalMain {
    height: auto;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videoReviewModalInner {
    height: auto;
}


.previewTitleElem openVideo{
    width: 350px;
    border-radius: 10px;
    overflow: hidden;
}




.reviews {
    padding: 70px 0 93px 0;
}


.reviewsTitle {
    color: #000;
    font-size: 75px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;
}



.emojiHighlight_1 {
    z-index: 1;
    left: 75%;
    top: 55%;
}

.emojiHighlight_2 {
    z-index: 1;
    left: 6%;
    top: 55%;
}

.reviewsBox {
    margin-top: 20px;
}

.videoReviewBox {
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);

    padding: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.previewImage {
    height: 318px;
    width: 318px;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.previewImage_mainBig {
    max-width: 533.33px;
    border-radius: 25px;
    height: 90%;
    max-height: 300px;
    background: #000;
}

.videoReviewBox_forSuren {
    display: flex;
    justify-content: center;
}

.previewTitleElem {
    position: relative;
    width: 100%;
}

.previewImagePlayBtn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    pointer-events: none;
    height: 35%;
    cursor: pointer;
}

.videoReviewBox_forSuren {
    background: #000;
    border-radius: 25px;
}

.videoReviewBox_width_66 {
    width: 66.66666%;
    padding: 15px;
    height: 50%;
}


.videoReviewBox_width_33 {
    width: 33.33333%;
    padding: 15px;
}

.videoReviewModalInner {
    display: flex;
    justify-content: center;
}


.rewTitle {
    color: #000;
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 92.9%;

    padding-top: 15px;

    text-align: center;
}

.rewSubtitle {
    color: #000;
    font-size: 20px;
    font-family: Onest;
    line-height: 92.9%;
    padding-top: 10px;
}

.reviewMainTitle {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    padding-left: 50px;
}


.giftSale {
    position: relative;
    border-radius: 40px;
    background: #C0FC41;
    margin-top: 88px;
    padding-left: 187px;

}

.giftSale__saleImg {
    position: absolute;
    top: -40%;
    left: -0%;
}

.giftSale__lightning {
    position: absolute;
    top: -36%;
    left: 66%;
}




.giftSaleContent {
    position: relative;
    display: flex;

    justify-content: space-between;
}

.giftSale__text {
    padding-top: 40px;
}

.titleGift {
    position: relative;

    color: #000;
    font-size: 52px;
    font-family: Onest;
    font-weight: 700;
    line-height: 92.9%;
}

.textGift {
    margin-top: 27px;

    color: #000;
    font-size: 24px;
    font-family: Onest;
    line-height: 92.9%;
    text-transform: uppercase;
}

.giftSale__button {
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    line-height: 145.523%;
    text-transform: uppercase;

    border-radius: 15px;
    background: #4ACBFA;
    border: none;

    padding: 14px 39px;
}

.giftSaleButtons {
    display: flex;
    align-items: center;
    justify-content: end;

    padding: 56px;
}

.saleHighlight_bg {
    top: 50%;
    left: 51%;
}

.saleHighlight_ellipse {
    top: 15%;
    left: 51%;
}

/* --------- MainPage LEARNING UNIVERSE --------- */



.learningUniverseBg {
    position: absolute;
    right: 7%;
    top: 13%;
}

.learningUniverseBalls {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translate(-52%, 0%);
}


.learningUniverse {
    position: relative;
    background: #000;
    padding-top: 84px;
    padding-bottom: 760px;
}

.learningUniverseInner {
    position: relative;
}


.titleForUniverse {
    color: #FFF;
    text-align: center;

    /* H1 */
    font-size: 65px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;
}

.textHighlightNormal__highlightImageNormal_universe {
    top: 115%;
    left: 50%;
    width: 270px;
}

.subtitleForUniverse {
    margin-top: 24px;

    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-family: Onest;
    font-weight: 300;
    line-height: 125.523%;
}


/* --------- MainPage TEACHERS --------- */



.teachersTitle {
    color: #111;
    text-align: center;

    /* H1 */
    font-size: 65px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;

    padding-top: 120px;
}

.teacherTitleEmoji {
    z-index: 1;
    top: 55%;
    left: 88%;

}

.teachersSubtitle {
    color: #111;
    font-size: 22px;
    font-family: Inter;
    line-height: 96.9%;
    text-align: center;

    padding-top: 21px;
    padding-bottom: 35px;
}

.teachersContainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.teacherBlock__subtitle {
    text-transform: uppercase;
    color: #111;
    font-size: 50px;
    font-family: Onest;
    font-weight: 700;
    line-height: 111.023%;
    text-transform: uppercase;

    padding: 63px 0 63px 67px;
}


.teacherBlock {
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;

}

.teachersBlock__titleElement:hover>.teacherPhoto_preview {
    /* изменяем свойства дочернего элемента при наведении на родительский элемент */
    transition: .1s linear;
    background: #FFF;
}

.teachersBlock__titleElement {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 11;
    cursor: pointer;

}

.teacherPhoto {
    height: 150px;
    width: auto;
}

.teacherPhoto_preview {
    margin-right: 70px;
    border-radius: 50%;
    transition: .1s linear;
    background: #FFF;
}

.teacherPhoto__suren {
    background: #BE9AEC;
}

.teacherPhoto__philip {
    background: #9FD233;
}

.teacherPhoto__lolita {
    background: #8F9EEA;
}

.teacherPhoto__nelly {
    background: #29C7BF;
}

.teacherPhoto__pascal {
    background: #446DFF;
}

.teacherPhoto__maria {
    background: #f2d53b;
}

.teacherPhoto__ulia {
    background: #CD8FEA;
}

.teacherPhoto__inessa {
    background: #8F9EEA;
}



.teacherBlock_for_suren {
    transition: .2s;
}

.teacherBlock_for_suren:hover {
    background: #BE9AEC;
}

.teacherBlock_opened_suren {
    background: #BE9AEC;
}



.teacherBlock_for_philip:hover {
    background: #9FD233;
}

.teacherBlock_for_philip {
    transition: .2s;
}

.teacherBlock_opened_philip {
    background: #9FD233;
}





.teacherBlock_for_lolita:hover {
    background: #8F9EEA;
}

.teacherBlock_for_lolita {
    transition: .2s;
}

.teacherBlock_opened_lolita {
    background: #8F9EEA;
}





.teacherBlock_for_nelly:hover {
    background: #29C7BF;
}

.teacherBlock_for_nelly {
    transition: .2s;
}

.teacherBlock_opened_nelly {
    background: #29C7BF;
}





.teacherBlock_for_pascal:hover {
    background: #446DFF;
}

.teacherBlock_for_pascal {
    transition: .2s;
}

.teacherBlock_opened_pascal {
    background: #446DFF;
}


.teacherBlock_for_maria:hover {
    background: #F2D53B;
}

.teacherBlock_for_maria {
    transition: .2s;
}

.teacherBlock_opened_maria {
    background: #F2D53B;
}

.teacherBlock_for_ulia:hover {
    background: #CD8FEA;
}

.teacherBlock_for_ulia {
    transition: .2s;
}

.teacherBlock_opened_ulia {
    background: #CD8FEA;
}


.teacherBlock_for_inessa:hover {
    background: #8F9EEA;
}

.teacherBlock_for_inessa {
    transition: .2s;
}

.teacherBlock_opened_inessa {
    background: #8F9EEA;
}






.teacherBlock__content {
    margin-top: 0px;
    position: relative;

    pointer-events: none;


    opacity: 0;
    max-height: 0;
    transition: 0.5s;
}

.teacherBlock__content_opened {
    margin-top: -30px;
    visibility: visible;
    max-height: 1000px;
    opacity: 1;
}

.teacherContentTopBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;


    padding-bottom: 30px;
}

.teacherContentTopBlock__line {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 71px;

    max-width: 70%;

    color: #111;
    font-size: 18px;
    font-family: Onest;
    line-height: 96.9%;
}

.lineDot {
    padding-right: 25px;
    height: 11px;
    width: 37px;
}

.teacherContentBotBlock {
    position: relative;
}

.teacherContentBotBlock__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    width: 55%;
    padding-left: 69px;
    padding-bottom: 61px;
}

.tags__tag_color_black {
    border-radius: 50px;
    background: #111;

    color: #FFF;
    font-size: 17px;
    font-family: Onest;
    line-height: 96.9%;
    padding: 8px 14px 6px 14px;
}

.tags__tag_color_white {
    border-radius: 50px;
    background: #FFF;

    color: #111;
    font-size: 17px;
    font-family: Onest;
    line-height: 96.9%;
    padding: 8px 14px 6px 14px;
}

.teacherContentBotBlock {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.teacherContentBotBlock__button {
    color: #FFF;
    font-size: 22px;
    font-family: Onest;
    line-height: 145.523%;
    text-transform: uppercase;

    border-radius: 15px;
    background: #111;

    vertical-align: center;

    padding: 22px 26px 18px 26px;
    margin-bottom: 54px;
    margin-right: 70px;
    pointer-events: all;
    position: relative;
}

.teacherContent_experienceFor_suren {
    position: absolute;
    top: 55px;
    left: 87%;
    transform: translate(-50%, -50%);
}

.teacherContent_arrowFor_suren {
    position: absolute;
    bottom: 40px;
    left: 76%;
    transform: translate(-50%, -50%);
}

.teacherContent_starFor_suren {
    position: absolute;
    top: -13%;
    left: 67%;
    transform: translate(-50%, -50%);
}

.teacherContent_experienceFor_james {
    position: absolute;
    top: 55px;
    left: 87%;
    transform: translate(-50%, -50%);
}

.teacherContent_arrowFor_james {
    position: absolute;
    bottom: 40px;
    left: 74%;
    transform: translate(-50%, -50%);
}

.teacherContent_starFor_james {
    position: absolute;
    top: 50%;
    left: 59%;
    transform: translate(-50%, -50%);
}

.teacherContent_experienceFor_lolita {
    position: absolute;
    top: 55px;
    left: 87%;
    transform: translate(-50%, -50%);
}

.teacherContent_arrowFor_lolita {
    position: absolute;
    bottom: 40px;
    left: 76%;
    transform: translate(-50%, -50%);
}

.teacherContent_starFor_lolita {
    position: absolute;
    top: -22%;
    left: 67%;
    transform: translate(-50%, -50%);
}

.teacherContent_experienceFor_nelly {
    position: absolute;
    top: 55px;
    left: 87%;
    transform: translate(-50%, -50%);
}

.teacherContent_arrowFor_nelly {
    position: absolute;
    bottom: 40px;
    left: 74%;
    transform: translate(-50%, -50%);
}

.teacherContent_starFor_nelly {
    position: absolute;
    top: -20%;
    left: 66%;
    transform: translate(-50%, -50%);
}

.teacherContent_experienceFor_pascal {
    position: absolute;
    top: 55px;
    left: 87%;
    transform: translate(-50%, -50%);
}

.teacherContent_arrowFor_pascal {
    position: absolute;
    bottom: 40px;
    left: 74%;
    transform: translate(-50%, -50%);
}

.teacherContent_starFor_pascal {
    position: absolute;
    top: -15%;
    left: 62%;
    transform: translate(-50%, -50%);
}


.aiChatInner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 143px;
}

.aiChatPhoto {
    max-width: 1700px;
    height: 100%;
    padding-right: 185px;
    width: 100%;
}


/* --------- MainPage TEST DRIVE --------- */


.testDriveInner {
    padding-bottom: 132px;
}


.testDriveBlock {
    border-radius: 40px;
    background: #E7EDFA;
    padding: 90px 70px 90px 63px;
}

.testDriveContent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



.testDriveRightPart {
    max-width: 433px;
    width: 100%;
}

.testDrive__title {
    color: #000;
    font-size: 60px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;
    margin-bottom: 29px;
}

.testDrive__subtitle {
    color: #020202;
    font-size: 23px;
    font-family: Onest;
    font-weight: 300;
    margin-bottom: 38px;
}

.inputGroup {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.testDrive__input {
    border-radius: 13px;
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    font-size: 20px;
    font-family: Onest;
    padding: 20px 30px;
}

.testDrive__input::placeholder {
    color: #000;
}

select {
    padding-right: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.testDrive__select {
    position: relative;
    display: inline-block;
    border-radius: 13px;
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    border-radius: 13px;
    border: 1px solid #000;
    padding: 20px 30px;
    color: #000;
    font-size: 20px;
    font-family: Onest;
}

.testDrive__select {
    overflow: hidden;
    background-image: url("/assets/media/image/mainPage/testDrive/down.png");
    background-position: 96%;
    background-repeat: no-repeat;
}

.testDriveButton {
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    line-height: 145.523%;
    border-radius: 15px;
    background: #FE8B21;
    padding: 22px 55px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 17px;
}


/* --------- MainPage BusinessLoyality --------- */

.businessLoyality {
    background: #000;
    padding-top: 70px;
    padding-bottom: 134px;
}

.businessLoyalityinnerContainer {
    display: flex;
}

.businessLoyality__leftBlock {
    display: flex;
    flex-direction: column;
    align-items: start;


}

.businessLoyality__rightBlock {

    padding-top: 64px;
}

.businessLoyality__tag {
    background-color: #C0FC41;
    border-radius: 26px;
    padding: 13px 25px;
    color: #000;
    font-size: 18px;
    font-family: Onest;
    font-weight: 500;
    line-height: 100.4%;
    margin-bottom: 30px;
}

.businessLoyality__title {
    color: #FFF;
    font-size: 50px;
    font-family: Onest;
    font-weight: 500;
    line-height: 122.023%;
    margin-bottom: 41px;
}

.businessLoyality__text {
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 50px;
}

.highlightForLoyalityFirst {
    top: 70%;
}

.highlightForLoyalitySecond {
    top: 150%;
    left: 53%;
}

.businessLoyality__arrowImg {
    position: absolute;
    top: -450%;
    left: -35%;
}

.businessLoyality__alreadyLearned {
    border-radius: 33px;
    background: #FFF;
    gap: 10px;
    padding: 34px 17px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 19px;
}

.businessLoyality__textCompanies {
    position: relative;
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-family: Inter;
    line-height: 124.523%;
}

.businessLoyality__button {
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    line-height: 145.523%;
    border-radius: 15px;
    background: #7D97F4;
    padding: 22px 60px;
}

.alreadyLearnedCompanyImg {
    width: 48%;
}


/* --------- MainPage COURSE TEST --------- */

.testForCourse {
    padding-top: 130px;
    padding-bottom: 175px;
}


.textForCourseTitle {
    color: #000;
    text-align: center;

    /* H1 */
    font-size: 65px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;
    padding-bottom: 19px;
}

.textForCourseText {
    color: #000;
    text-align: center;
    font-size: 23px;
    font-family: Onest;
    font-weight: 300;
    line-height: 121.4%;
    padding-bottom: 35px;
}

.testForCourseBlock {
    border-radius: 40px;
    border: 14px solid #000;
    background: #FFF;
    padding: 20px;
    display: flex;
    justify-content: space-between;

}

.courseQuiz {
    background: #fff;
    border-radius: 40px;
    height: 100%;
}

.courseQuizInner {
    height: 100%;
}

.courseQuiz__image {
    height: 100%;
}

.courseQuizQuestioninfo {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.buttonsForCourseQuiz_justifyEnd {
    justify-content: end !important;
}

.courseQuiz_status {
    padding-top: 40px;
    padding-left: 40px;
    display: flex;
    gap: 15.5px;
}

.level {
    border-radius: 25px;
    background: #D9D9D9;
    height: 6px;
    width: 51.5px;
}

.level_success {
    background: #000;
}

.courseQuiz_textStatus {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-family: Onest;
    line-height: 121.4%;
    text-align: start;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 35px;
}




.courseQuiz__title {
    color: #000;
    font-size: 45px;
    font-family: Onest;
    font-weight: 500;
    line-height: 100%;
    padding-left: 35px;
    padding-bottom: 40px;
}

.courseQuiz__checkContainer {
    border-radius: 20px;
    background: #F8F8F9;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    margin-left: 48px;
    margin-right: 42px;
}

.courseQuiz__checkBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: #FFF;
    height: 110px;
    transition: .2s linear;

}

.courseQuiz__checkBoxContainer {
    padding: 10px;
    width: 50%;
}

.courseQuiz__checkBox__check {
    position: absolute;
    z-index: -1;
    opacity: 0;
    height: 100%;
    width: 100%;
    margin: 0;
}

.courseQuiz__checkBox__check+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.courseQuiz__checkBox__check+label::before {
    content: '';
    top: 11px;
    right: 11px;
    position: absolute;
    width: 26px;
    height: 26px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;

    transition: background-color .1s linear;
    border-radius: 8px;
}

.courseQuiz__checkBox__check:checked+label::before {
    border-color: #000;
    background-color: #fff;
    background-image: url("/assets/media/image/mainPage/quiz/check.png");
}

/* стили при наведении курсора на checkbox */
.courseQuiz__checkBox__check:not(:disabled):not(:checked)+label:hover::before {
    border: 2px solid #000;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.courseQuiz__checkBox__check:not(:disabled):active+label::before {
    background-color: #000;
    border-color: #000;
}


/* стили для чекбокса, находящегося в состоянии disabled */
.courseQuiz__checkBox__check:disabled+label::before {
    background-color: #e9ecef;
}

.courseQuiz__checkBox__text {
    color: #000;
    font-size: 16px;
    font-family: Onest;
    height: 100%;
    width: 100%;
    padding-left: 92px;
    transition: .2s linear;
    padding-right: 30px;
}

.courseQuiz__checkBox_state_checked {
    background-color: #000;

}

.courseQuiz__checkBox__text_color_white {
    color: #fff;
}

.courseQuiz__checkBox__image {
    position: absolute;
    left: 22px;

    pointer-events: none;
}

.buttonsForCourseQuiz {
    display: flex;

    padding: 0px 42px 0px 29px;
    justify-content: space-between;
    padding-top: 10px;
}

.courseQuiz__button {
    padding-top: 17px;
    padding-bottom: 16px;
    border-radius: 15px;
    border: 1px solid #000;
}

.courseQuiz__button_back {
    position: relative;
    color: #000;
    font-size: 15px;
    font-family: Onest;
    line-height: 145.523%;
    padding-left: 52px;
    padding-right: 33px;
    background: #FFF;
}


.courseQuiz__button_backImg {
    position: absolute;
    left: 18px;
    top: 16px;
}

.courseQuiz__button_next {
    position: relative;
    background: #000;
    color: #FFF;
    font-size: 15px;
    font-family: Onest;
    line-height: 145.523%;
    padding-left: 33px;
    padding-right: 52px;
}

.courseQuiz__button_nextImg {
    position: absolute;
    top: 16px;
    right: 16px;
}

.courseQuiz__formContent {
    padding-left: 35px;
    max-width: 100%;
}

.quizSubmitBtn {
    border-radius: 15px;
    background: #FE8B21;
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    line-height: 145.523%;
    padding: 22px 0;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 17px;
}

.courseQuiz__subTitle {
    color: #000;
    font-size: 23px;
    font-family: Onest;
    line-height: 100%;
    padding-left: 35px;
    padding-bottom: 37px;
    padding-right: 100px;

}

.courseQuizContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.courseQuiz__title_stage_last {
    padding-bottom: 20px;
}

.courseQuizBgContainer {
    position: relative;
    border-radius: 20px;
    background: #C8C5F4;
    width: 100%;
}

.courseQuizBgContainer__bgimg1 {
    position: absolute;
    top: 10%;
    left: 12%;
}

.courseQuizBgContainer__bgimg2 {
    position: absolute;
    top: 57%;
    right: 7%;
}


.courseQuizContent__button {
    border-radius: 15px;
    background: #000;
    width: 228px;
    height: 77px;
    color: #FFF;
    font-size: 28px;
    font-family: Onest;
    line-height: 145.523%;
}

.courseQuizContent__button_color_no {
    color: #000;
    font-size: 28px;
    font-family: Onest;
    line-height: 145.523%;
    border-radius: 15px;
    border: 2px solid #000;
    background: none;
}

.courseQuizContent_stage_final {
    align-items: center;
    justify-content: center;
}

.courseQuizContent__title {
    color: #000;
    font-size: 65px;
    font-family: Onest;
    font-weight: 500;
    line-height: 100%;
    padding-top: 143px;
    padding-bottom: 40px;
}

.courseQuizContent__text {
    color: #000;
    text-align: center;
    font-size: 28px;
    font-family: Onest;
    line-height: 100%;
    padding-bottom: 29px;
}

.courseQuizContent__text:last-child {
    padding-bottom: 50px;
}

.courseQuizContent__buttons {
    padding-bottom: 167px;
    gap: 25px;
    display: flex;
}

.quizTitleHighlight {
    top: 35%;
}










/* --------- MainPage Relevant questions --------- */

.relevantQuestionsContent {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.relevantQuestionsContainer {
    max-width: 1030px;
    width: 100%;

}

.relevantQuestionsTitle {
    position: relative;
    color: #000;

    /* H1 */
    font-size: 65px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;
    text-align: center;
    margin-bottom: 10px;
}

.relevantQuestionsBlock__title {
    color: var(--unnamed, #000);
    font-size: 30px;
    font-family: Onest;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.relevantQuestionsBlock__answerText {
    color: var(--unnamed, #717171);
    font-size: 23px;
    font-family: Onest;
    line-height: 123.4%;
}


.relevantQuestionsTitleArrow {
    position: absolute;
    top: 0%;
    right: -7%;
}

.relevantQuestionsLine {
    border-bottom: 1px solid #000000;

    margin-bottom: 30px;
    margin-top: 30px;
}




.relevantQuestionsBlock__button {
    width: 39.76px;
    height: 39.76px;
    padding: 0;
    border: 1px solid #000000;
    border-radius: 50%;
    background: #ffffff;
    position: relative;


}

.relevantQuestionsBlock__button:hover {
    cursor: pointer;
}




.relevantQuestionsBlock__button:before {
    border-bottom: 1px solid #000000;
    width: 17.04px;
    height: 0px;
    content: "";
    position: absolute;
    top: 50%;
    left: 28%;
    transform: translate(-0%, -0%);
    transform: rotate(0deg);
    transition: all 0.5s ease-out;
}

.relevantQuestionsBlock__button:after {
    border-bottom: 1px solid #000000;
    width: 17.04px;
    height: 0px;
    content: "";
    position: absolute;
    top: 50%;
    left: 28%;
    transform: translate(-0%, -0%);
    transform: rotate(-90deg);
    transition: all 0.3s ease-out;
}

.relevantQuestionsBlock__button_status_opened:before {
    cursor: pointer;

}

.relevantQuestionsBlock__button_status_opened:after {
    cursor: pointer;
    transform: rotate(0deg);
}

.relevantQuestionsBlock__titleHigthlight {
    left: 50%;
    top: 125%;
    transition: all 0.2s;
}

.relevantQuestionsBlock__titleElem {
    display: flex;
    justify-content: space-between;
}

.relevantQuestionsBlock__answerText {
    padding-top: 10px;
    padding-right: 55px;

    transition: 0.3s;
    opacity: 1;
    overflow: hidden;
    max-height: 1000px;
}


.relevantQuestionsBlock__titleHigthlight_state_hidden  {
    opacity: 0;
}

.answerTextContainer {
    overflow: hidden;
    height: 0;
}

.dontFound {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 146px;
}

.dontFound__title {
    color: #000;
    font-size: 38px;
    font-family: Onest;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 33px;
}

.dontFoundButton {
    position: relative;
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    line-height: 145.523%;
    padding: 22px 69px;
    border-radius: 15px;
    background: #7D97F4;
    border: none;
}

.dontFoundButton__arr {
    position: absolute;
    top: 60%;
    left: -45%;

}



/* --------- COOKIEs --------- */

.cookieNotification {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 999;
    max-width: 600px;
    width: 100%;

    border-radius: 18px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 38px 31px 25px 194px;

    display: none;
}

.cookieNotification_state_visible {
    display: block;
}

.cookieNotificationContent__img1 {
    position: absolute;
    top: 20%;
    left: 2%;
}

.cookieNotificationContent__img2 {
    position: absolute;
    top: 15%;
    left: 4%;
}



.cookieNotificationContent__buttonClose {
    width: 39.76px;
    height: 39.76px;
    padding: 0;
    border: 1px solid #000000;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 14px;
    right: 30px;

}

.cookieNotificationContent__buttonClose:hover {
    cursor: pointer;
}




.cookieNotificationContent__buttonClose:before {
    border-bottom: 1px solid #fff;
    width: 17.04px;
    height: 0px;
    content: "";
    position: absolute;
    top: 50%;
    left: 28%;
    transform: translate(-0%, -0%);
    transform: rotate(0deg);
    transition: all 0.5s ease-out;
}

.cookieNotificationContent__buttonClose:after {
    border-bottom: 1px solid #fff;
    width: 17.04px;
    height: 0px;
    content: "";
    position: absolute;
    top: 50%;
    left: 28%;
    transform: translate(-0%, -0%);
    transform: rotate(-90deg);
    transition: all 0.3s ease-out;
}

.buttonsCookie {
    display: flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
}


.cookieNotificationContent__buttonOk {
    border-radius: 10px;
    background: #111;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-family: Onest;
    font-weight: 500;
    line-height: 145.523%;
    text-transform: uppercase;
    padding: 12px 14px;
}

.cookieNotificationContent__buttonDeny {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    color: #000;
    text-align: center;
    font-size: 15px;
    font-family: Onest;
    font-weight: 500;
    line-height: 145.523%;
    text-transform: uppercase;
    padding: 12px 42px;
}

.cookieNotificationContent__text {
    color: #000;
    font-size: 16px;
    font-family: Onest;
    line-height: 102.023%;
    padding-bottom: 16px;
}


/* --------- MainPage modalTestLesson1 --------- */

.testLessonModalMain {
    max-width: 1000px !important;
    width: 100% !important;
}


.testLessonModalInner {
    position: relative;
    border-radius: 40px;
    background: #E7EDFA;
    padding: 60px 90px;

}


.testLessonModalInner_color_purple {
    background: #B59EEE;
}

.hystmodal__window {
    background: none !important;
}

.testLessonModalContent {
    width: fit-content;
    padding-right: 350px;
}




.testLessonModalCloseBtn {
    position: absolute;
    top: 40px;
    right: 40px;

    height: 60px;
    width: 60px;
    background: #000;
    border-radius: 50%;
}

.testLessonModalCloseBtn:before {
    border-bottom: 2px solid #fff;
    width: 30px;
    height: 0px;
    content: "";
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    transform: rotate(45deg);
    transition: all 0.5s ease-out;
}

.testLessonModalCloseBtn:after {
    border-bottom: 2px solid #fff;
    width: 30px;
    height: 0px;
    content: "";
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    transform: rotate(-45deg);
    transition: all 0.3s ease-out;
}

.testLessonModalCloseBtn:hover {
    cursor: pointer;
}

.testLessonModalTitle {

    color: #000;

    /* H1 */
    font-size: 65px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;

    padding-bottom: 20px;
    width: max-content;
}

.testLessonModalSubtitle {
    color: #020202;
    font-size: 20px;
    font-family: Onest;
    font-weight: 300;
    padding-bottom: 22px;
    max-width: 620px;
    width: 100%;
    position: relative;
}

.testLessonModalSubtitle_maxWidth_500 {
    max-width: 500px;
}

.testLessonModalImg {
    position: absolute;
    height: 455px;
    bottom: 50px;
    right: 50px;
    pointer-events: none;
}

.testLessonModal1btn {
    text-transform: uppercase;
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    line-height: 145.523%;
    border-radius: 15px;
    border: none;
    background: #21CF91;
    padding: 22px 105px;
    margin-top: 30px;
    margin-bottom: 17px;

    width: 100%;
}

.testLessonModal1btn_color_blue {
    background: #4ACBFA;
}

.formElementsForTestLesson {
    max-width: 504px;
    width: 100%;
    position: relative;
}

.testLessonModalSecondTitle {
    color: #000;

    /* H1 */
    font-size: 65px;
    font-family: Onest;
    font-weight: 500;
    line-height: 102.023%;

    margin-top: 140px;
    margin-bottom: 77px;
}

.testLessonModalContentEndBox {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}


.testLessonModalSecondTitleHighlight {
    top: 10%;
}

.testLessonModalSecondText {
    color: #020202;
    text-align: center;
    font-size: 23px;
    font-family: Onest;
    font-weight: 300;
    padding-bottom: 27px;
}

.testLessonModalSecondButtonClose {
    color: #FFF;
    font-size: 23px;
    font-family: Onest;
    line-height: 145.523%;
    border-radius: 15px;
    background: #21CF91;
    padding: 24px 77px;
    text-transform: uppercase;
    margin-bottom: 80px;
}


/* --------- MainPage modalTestLesson3 --------- */



.testLessonModalTitle_highlight {
    top: 55%;
    left: 50%;
    position: absolute;
}


.testLessonModalTitle_underlineHighlight {
    top: 40%;
    left: 45.6%;
}

.testLessonModalImg_saleModal_bgVector {
    height: 400px;
    top: 22%;
    right: 3%;

}

.testLessonModalImg_saleModal_lightning1 {
    height: 150px;
    top: 7%;
    right: 10%;
}

.testLessonModalImg_saleModal_lightning2 {
    height: 150px;
    top: 69%;
    right: 7%;
}

.testLessonModalImg_saleModal_saleIco {
    height: 400px;
    top: 17%;
    right: 6%;
}

.testLessonModalThirdButtonClose {
    background: #000;
    width: fit-content;
}


/* --------- MainPage corporateLearning --------- */

.testLessonModal1btn_corporateLearningBtn {
    padding: 22px;
    width: 100%;
    background: #7D97F4;
}


.testLessonModalImg_businessImg {
    scale: 1.1;
    bottom: 13%;
    right: 4%;
}

/* --------- MainPage teachers modal lesson --------- */


.testLessonModalImg_teachers_modalBg {
    height: 571px;
    bottom: 30px;
    right: 15px;
    pointer-events: none;
}

.testLessonModal1btn_teacherBtn_color_blue {
    background: #4ACBFA;
}

.testLessonModalInner_pb_105 {
    padding-bottom: 105px;
}

.testLessonModalFourthButtonClose {
    background: #000;
}

/* --------- MainPage rel questions --------- */



.relevQuestions_multilineInputModal {
    height: 128px;

}


.testLessonModal1btn_relQueModalBtn_colot_blue {
    background: #7D97F4;
}

.testLessonModalImg_relQueImg {
    scale: 0.8;
    height: 505px;
    bottom: 0px;
    right: -13px;
}






/* --------- MainPage Intro --------- */
/* --------- MainPage Intro --------- */
/* --------- MainPage Intro --------- */
/* --------- MainPage Intro --------- */
/* --------- MainPage Intro --------- */
/* --------- MainPage Intro --------- */







/* --------- MainPage ADAPT --------- */


@media (max-width: 1350px) {
    .relevantQuestionsTitle {
        font-size: 55px;
    }

    .highlightForRelevantQuestionsTitle {
        height: 94px;
    }

    .relevantQuestionsTitleArrow {
        height: 150px;
        top: 0%;
        right: 0%;
    }

    .learningUniverseBg {
        right: 0;
        height: 250px;
        top: 16%;
    }

    .reviewsBox {
        align-items: center;
    }

    .aboutBox {
        height: 100%;
    }

    .aboutBox__arrow {
        display: none;
    }

    .smallBox {
        display: flex;
        justify-content: center;
    }

    .aboutBox__bottomSpecial {
        display: flex;
        height: auto;
        margin-bottom: 25px;
    }

    .aboutImgText {
        left: unset;
        right: 0;
    }

    .coursesContentBgVector {
        height: 400px;
        right: 2%;
    }

    .videoReviewModalMain {
        width: 75%;
    }
}

@media (max-width: 1170px) {

    .testYourSkills__content {
        flex-direction: column;
        align-items: center;
    }

    .testYourSkills__img {
        top: 10%;
    }

    .buttonTestSkills {
        margin: 10px;
    }

    .textContentOnlineTest {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .flexBox_forCourses {
        justify-content: center;
    }

    .cont {
        width: 47%;
    }

    .relevantQuestionsContent {
        padding: 0 50px 0 50px;
    }

    .relevantQuestionsBlock__title {
        max-width: 90%;
    }

    .relevantQuestionsTitleArrow {
        height: 122px;
        top: 0%;
        right: -1%;
    }

    .relevantQuestionsTitle {
        width: 100%;
    }

    .relevantQuestionsBlock__titleElem {
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .relevantQuestionsBlock__titleHigthlight {
        max-width: 100%;
    }

    .businessLoyality__leftBlock {
        max-width: 68%;
    }

    .aiChatInner {
        padding-top: 75px;
    }

    .aiChatPhoto {
        padding-right: 10px;
    }

    .learningUniverseBalls {
        width: 100%;
        bottom: -2%;
        left: 51%;
    }

    .courseQuiz__title {
        font-size: 35px;
        padding-left: 20px;
    }

    .courseQuiz__checkContainer {
        margin-left: 20px;
    }

    .courseQuiz_textStatus {
        padding-left: 20px;
    }

    .courseQuiz_status {
        padding-left: 20px;
    }

    .textForCourseTitle {
        font-size: 55px;
    }

    .textForCourseText {
        font-size: 20px;
    }

    .testDriveBlock {
        padding: 55px;
    }

    .testDrive__image {
        width: 100%;
    }

    .testDriveRightPart {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .adjProgramForm__bgVector {
        scale: 0.8;
    }

    .adjProgram__bgSmallVector {
        scale: 0.8;
    }

    .adjProgram__bgSmallBlackVector {
        scale: 0.8;
    }

    .adjProgram__bgDot {
        scale: 0.8;
    }

    .adjProgram__hand {
        height: 340px;
    }

    .adjProgram__target {
        height: 500px;
        top: 21%;
        left: 56%;
    }

    .giftSaleButtons {
        padding: 56px 35px;
    }

    .smallBox__numb {
        font-size: 45px;
    }

    .smallBox__text {
        font-size: 13px;
    }

    .smallBox {
        padding: 5px;
    }

    .courseQuizBgContainer__bgimg2 {
        top: 71%;
        right: 2%;
    }

    .courseQuizBgContainer__bgimg1 {
        top: 4%;
        left: 1%;
    }
}


@media (max-width: 1070px) {
    .learningUniverseBg {
        height: 228px;
        top: 31%;

    }

    .adjProgramForm__bgVector {
        display: none;
    }

    .adjProgram__bgSmallVector {
        display: none;
    }

    .adjProgram__bgSmallBlackVector {
        display: none;
    }

    .adjProgram__bgDot {
        display: none;
    }

    .adjProgram__hand {
        display: none;
    }

    .adjProgram__target {
        display: none;
    }

    .adjProgramCheckAndBtnGroup {
        max-width: 100%;
    }

    .inputText {
        margin-right: 0;
    }

    .buttons_forAdjust {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .formSmallText {
        text-align: center;
    }

    .giftSaleContent {
        flex-direction: column;
        justify-content: center;
    }

    .giftSaleButtons {
        justify-content: center;
    }

    .giftSale__text {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .titleGift {
        text-align: center;
    }

    .textGift {
        text-align: center;
    }

    .giftSale__saleImg {
        top: 2%;
    }

    .giftSale__lightning {
        top: -20%;
        left: 85%;
    }
}


@media (max-width: 1020px) {
    .relevantQuestionsTitle {
        font-size: 45px;
    }

    .relevantQuestionsBlock__title {
        font-size: 25px;
    }

    .relevantQuestionsLine {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .relevantQuestionsBlock__answerText {
        font-size: 17px;
    }

    .businessLoyalityinnerContainer {
        flex-direction: column;
    }

    .alreadyLearnedCompanyImg {
        width: 24%;
        justify-content: center;
    }

    .businessLoyality__arrowImg {
        top: -342%;
        left: 24%;
    }

    .businessLoyality__leftBlock {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .businessLoyality__title {
        text-align: center;
    }

    .businessLoyality__text {
        text-align: center;
    }

    .businessLoyality__title {
        font-size: 40px;
    }

    .highlightForLoyalityFirst {
        height: 83px;
    }

    .teachersTitle {
        padding-top: 60px;
        font-size: 50px;
    }

    .teacherTitleEmoji {
        height: 40px;
    }

    .teachersSubtitle {
        font-size: 20px;
    }

    .courseQuiz__image {
        width: 275px;
    }

    .testForCourse {
        padding-bottom: 100px;
    }

    .courseQuiz__checkContainer {
        margin-left: 0;
    }

    .courseQuiz__title {
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .courseQuiz_textStatus {
        padding-left: 0;
        padding-bottom: 0;
    }

    .courseQuiz_status {
        padding-left: 0;
        padding-top: 0;
    }

    .testForCourseBlock {
        align-items: center;
    }

    .testDriveBlock {
        padding: 25px;
    }

    .testDrive__title {
        font-size: 50px;
    }

    .testDrive__subtitle {
        font-size: 20px;
    }

    .testLessonModalInner {
        padding: 30px;
    }

    .testLessonModalTitle {
        max-width: 100%;
        padding-right: 65px;
    }
}


@media (max-width: 980px) {

    .text__title {
        color: #FFF;
        font-size: 40px;
        font-family: Onest;
        font-weight: 500;
        line-height: 102.023%;
    }

    .langCountry__text {
        display: none;
    }

    .langCountry {
        padding: 0;
    }

    .langCountry__img {
        height: 56px;
        width: 56px;
    }

    .langCountries {
        gap: 30px;
        margin-top: 19px;
    }

    .buttonTryFree {
        margin-top: 20px;
    }

    .textHighlight_intro {
        top: 40%;
        left: 50%;
        scale: 0.7;
    }

    .intro {
        padding-top: 429px;
        padding-bottom: 70px;
    }

    .headerInnerMobile {
        padding: 15px 5px;
    }

    .dontFound__title {
        text-align: center;
        line-height: 100%;
        font-size: 30px;
    }

    .dontFoundButton {
        padding: 18px 55px;
        font-size: 18px;
    }

    .dontFoundButton__arr {
        scale: 0.8;
    }

    .relevantQuestionsBlock__answerText {
        padding-top: 20px;
    }

    .courseQuiz__checkBox__text {
        font-size: 13px;
    }

    .courseQuiz__checkContainer {
        margin-right: 10px;
    }

    .buttonsForCourseQuiz {
        padding-right: 10px;
        padding-left: 0;
    }

    .title_blackBg {
        margin: 0;
        margin-bottom: 10px;
        font-size: 13px;
        padding: 6px;
    }

    .title_forAboutBox {
        font-size: 30px;
        height: auto;
    }

    .text_forAboutBox {
        font-size: 15px;
    }

    .btnAbout {
        height: 100px;
        width: 100px;
        font-size: 13px;
    }

    .aboutBox__bottomSpecial {
        padding: 10px;
        gap: 10px;
    }

    .aboutBoxContainer {
        padding: 10px;
    }

    .testLessonModalImg {
        right: 5px;
        width: 32%;
        height: auto;
    }

    .testLessonModalImg_relQueImg {
        width: 44%;
    }

    .testLessonModalImg_saleModal_saleIco {
        width: 35%;
    }

    .testLessonModalImg_saleModal_lightning2 {
        height: 30%;
        width: auto;
    }

    .testLessonModalImg_saleModal_lightning1 {
        height: 30%;
        width: auto;
        right: 45px;
        top: 45px;
        pointer-events: none;
    }

    .testLessonModalImg_saleModal_bgVector {
        pointer-events: none;
        width: 40%;
    }

    .videoReviewModalMain {
        width: 85%;
    }

    .aboutImglightning {
        left: unset;
        right: 0;
    }

    /* --------- MainPage cookie --------- */

    .cookieNotificationContent__buttonClose  {
        top: 8px;
        right: 8px;
    }

    .cookieNotification {
        padding: 17px 59px 14px 147px;
    }

    .buttonsCookie {
        justify-content: flex-end;
    }

    .cookieNotificationContent__img1  {
        height: 100px;
    }

    .cookieNotificationContent__img2  {
        height: 100px;
    }
}

@media (max-width: 910px) {
    .title_block_testSkills {
        font-size: 35px;
    }

    .textHighlightNormal__highlightImageNormal_elem_ellipseLine {
        scale: 0.7;
        left: 18%;
        top: -22%;
    }

    .highlightOnlineTestForTitleText {
        scale: 0.7;
        left: 18%;
        top: 14%;
    }

    .mainTextOnlinrTest {
        font-size: 15px;
    }

    .buttonTestSkills {
        font-size: 15px;
    }

    .text_coursesFromSelfree {
        font-size: 40px;
    }

    .courseSelector {
        padding: 17px 15px;
        font-size: 15px;
    }

    .courseQuiz__formContent {
        padding-left: 0;
        margin-right: 0;
        padding-right: 10px;
        width: auto;
    }

    .courseQuiz__subTitle {
        padding-left: 0;
        padding-right: 20px;
    }

    .formSmallText {
        width: auto;
    }

    .giftSale__lightning {
        top: 60%;
        left: 87%;
    }
}


@media (max-width: 860px) {
    .teacherContentBotBlock {
        flex-direction: column;
        padding-left: 15px;
        padding-right: 15px;
    }

    .teacherContentBotBlock__tags {
        padding: 15px;
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .teacherContentBotBlock__button {
        margin: 10px 0 20px 0;
        width: 100%;

    }

    .teacherContent_starFor_pascal,
    .teacherContent_starFor_nelly,
    .teacherContent_starFor_lolita,
    .teacherContent_starFor_suren,
    .teacherContent_starFor_james {
        display: none;
    }

    .teacherContent_arrowFor_pascal,
    .teacherContent_arrowFor_nelly,
    .teacherContent_arrowFor_lolita,
    .teacherContent_arrowFor_suren,
    .teacherContent_arrowFor_james {
        display: none;
    }

    .tags__tag_color_white,
    .tags__tag_color_black {
        flex-grow: 1;
        text-align: center;
    }

    .courseQuiz__checkBox__image {
        left: 12px;
    }

    .courseQuiz__checkBox__text {
        padding-left: 65px;
    }

    .courseQuiz__checkBox {
        height: 91px;
    }

    .quizSubmitBtn,
    .testDriveButton {
        margin-top: 16px;
        padding: 15px 0;
        font-size: 20px;
    }

    .testDrive__input,
    .testDrive__select,
    .inputText {
        padding: 15px;
        font-size: 20px;
    }

    .testDriveButton {
        width: 100%;
    }

    .videoReviewBox_width_66 {
        width: 100%;
    }

    .videoReviewBox_width_33 {
        width: 25%;
    }

    .rewTitle {
        font-size: 20px;
    }

    .rewSubtitle {
        font-size: 15px;
    }

    .reviewsTitle {
        font-size: 60px;
    }

    .emojiHighlight_1,
    .emojiHighlight_2 {
        height: 41px;
    }

    .reviews {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .adjustProgram__title {
        font-size: 50px;
    }

    .adjustProgram__text {
        font-size: 18px;
    }

    .textHighlightNormal__highlightImageNormal_adjustProgram {
        height: 45px;
    }

    .smallBox {
        width: 48%;
    }

    .aboutBox__bottomSpecial {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .aboutInner__title {
        font-size: 50px;
        padding-top: 60px;
    }

    .aboutInner__text {
        font-size: 20px;
        padding-bottom: 25px;
    }

    .aboutInner_fw_700 {
        font-size: 25px;
    }

    .textHighlightNormal__highlightImageNormal_forAbout {
        height: 48px;
    }

    .textHighlightNormal__highlightImageNormal_forAbout_underline {
        width: 205px;
    }

    .testLessonModalTitle {
        font-size: 50px;
    }

    .testLessonModalSubtitle {
        max-width: 500px;
        font-size: 15px;
    }

    .formElementsForTestLesson {
        max-width: 400px;
    }

    .testLessonModal1btn {
        width: 100%;
        padding: 15px 0 15px 0;
        font-size: 20px;
    }

    .testLessonModalTitle_underlineHighlight {
        height: 90px;
    }

    .testLessonModalTitle_highlight {
        height: 63px;
    }

    .sorryBlockModal {
        padding: 60px;
    }
}



@media (max-width: 830px) {
    /* --------- MainPage businessloyality --------- */

    .alreadyLearnedCompanyImg {
        width: 23%;
        justify-content: center;
    }

    .businessLoyality__arrowImg {
        top: -315%;
        left: 20%;
    }

    /* --------- MainPage saleGift  --------- */

    .titleGift {
        font-size: 35px;
    }

    .textGift {
        font-size: 20px;
    }

    .saleHighlight_bg {
        height: 50px;
    }

    .saleHighlight_ellipse {
        height: 80px;
    }

    .giftSaleButtons {
        padding: 20px;
    }

    .giftSale__saleImg {
        top: -11%;
    }

    .giftSale__lightning {
        height: 125px;
        left: 72%;
    }

    /* --------- MainPage reviews --------- */

    .videoReviewModalMain {
        width: 100%;
    }
}


@media (max-width: 800px) {
    /* --------- MainPage courses --------- */

    .courseTitleEngBg {
        left: 30%;
    }

    .courseTitleFranceBg {
        scale: 0.8;
        left: -25px;
    }

    .text_coursesFromSelfree {
        margin-top: 50px;
    }

    .courseContent_flag {
        scale: 0.8;
    }

    .course__title {
        font-size: 35px;
    }

    .courseTitleEngBgTeenager,
    .courseTitleSpainFlTeenager {
        top: unset;
        bottom: -65%;
        left: unset;
        right: 0;
    }

    .courseTitleFranceBgTeenager {
        top: unset;
        bottom: -80%;
        left: unset;
        right: 0;
    }

    .courseTitleRusFlTeenager {
        top: unset;
        bottom: -75%;
        left: unset;
        right: 0;
    }


    .courseTitleEngBgKids, .courseContent_eng_kidsImg, .courseTitleSpainFlKids, .courseContent_sp_kidsImg,
    .courseTitleFranceBgKids, .courseContent_fr_kidsImg, .courseTitleRusFlKids, .courseContent_ru_kidsImg{
        left: unset;
        right: 0;
    }


    /* --------- MainPage FAQ block --------- */

    .relevantQuestionsTitle {
        font-size: 35px;
    }

    .relevantQuestionsBlock__title {
        font-size: 20px;
    }

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

    .highlightForRelevantQuestionsTitle {
        height: 60px;
    }

    .relevantQuestionsTitleArrow {
        display: none;
    }

    .relevantQuestionsBlock__titleHigthlight {
        top: 105%;
    }

    .teacherBlock__content_opened {
        margin-top: 0;
    }

    /* --------- MainPage universe --------- */

    .titleForUniverse {
        font-size: 55px;
    }

    .textHighlightNormal__highlightImageNormal_universe {
        top: 103%;
        width: 200px;
    }

    .subtitleForUniverse {
        font-size: 25px;
    }

    /* --------- MainPage quiz --------- */

    .courseQuiz__checkBoxContainer {
        padding: 5px;
        width: 100%;
    }

    .testForCourseBlock {
        align-items: center;
    }

    .quizSubmitBtn,
    .testDriveButton {
        font-size: 18px;
    }

    .textForCourseTitle {
        font-size: 45px;
    }

    .textForCourseText {
        font-size: 18px;
    }

    .testForCourse {
        padding-top: 100px;
    }

    /* --------- MainPage adjustProgram --------- */

    .buttonAdjSubmit {
        padding: 15px;
        width: 100%;
        font-size: 20px;
    }

    /* --------- MainPage quiz --------- */

    .courseQuizContent__title {
        font-size: 50px;
    }

    .quizTitleHighlight {
        height: 104px;
    }

    .courseQuizContent__text {
        font-size: 20px;
    }

    .courseQuizContent__button {
        font-size: 20px;
        width: 160px;
        height: 60px;
    }

    /* --------- MainPage teachers --------- */

    .teacherBlock__subtitle {
        font-size: 30px;
    }
}

@media (max-width: 700px) {
    /* --------- MainPage testSkills --------- */

    .title_block_testSkills {
        line-height: 150%;
    }

    .textHighlightNormal__highlightImageNormal_elem_ellipseLine {
        left: 18%;
        top: -2%;
    }

    .highlightOnlineTestForTitleText {
        left: 18%;
        top: 26%;
    }

    .mainTextOnlinrTest {
        padding-top: 15px;
    }

    /* --------- MainPage courses --------- */

    .flexBox_forCourses {
        gap: 10px;
    }

    .course__title {
        font-size: 30px;
        line-height: 90%;
    }

    .courseTitleEngBg {
        top: 20%;
        left: 10%;
        scale: 0.7;
    }

    .courseTitleEngFl {
        left: 37%;
    }

    .courseContent_eng_fog {
        scale: 0.75;
        left: 40%;
        top: 36%;
    }

    .courseContent_sp_fog {
        scale: 0.75;
        left: 36%;
        top: 36%;
    }

    .courseContent_fr_fog {
        scale: 0.75;
        left: 36%;
        top: 36%;
    }

    .courseContent_ru_fog {
        scale: 0.75;
        left: 36%;
        top: 36%;
    }

    .courseContent_ru_flag {
        left: 75%;
    }

    .courseTitleEngBgTeenager {
        top: unset;
        bottom: -108%;
        left: unset;
        right: -0%;
        scale: 0.9;
    }

    .courseTitleSpainFlTeenager {
        top: unset;
        bottom: -100%;
        left: unset;
        right: 0;
    }

    .courseTitleFranceBgTeenager {
        top: unset;
        bottom: -116%;
        left: unset;
        right: 0;
    }

    .courseTitleRusFlTeenager {
        top: unset;
        bottom: -113%;
        left: unset;
        right: 0;
    }

    .courseContent_sp_smallVectorTeenager {
        left: unset;
        right: -22%;
        top: 47%;
    }

    .courseContent_ru_bgTeenager {
        left: unset;
        right: -22%;
        top: 46%;
    }

    .courseContent_eng_TeenagerImg {
        bottom: 15%;
        left: unset;
        right: 5%;
    }

    .courseContent_fr_bigVectorTeenager {
        right: -22%;
        top: 46%;
    }

    .courseTitleEngBgKids {
        top: 76%;
        right: 0;
        left: unset;

    }

    /* --------- MainPage businessLoyality --------- */

    .businessLoyality__arrowImg {
        top: -213%;
        left: 12%;
        height: 100px;
    }

    /* --------- MainPage universe --------- */

    .learningUniverseBalls {
        width: 100%;
        bottom: -1%;
        left: 51%;
    }

    .learningUniverse {
        padding-top: 60px;
        padding-bottom: 80%;
    }

    .learningUniverseBg {
        height: 180px;
        top: 29%;
    }

    /* --------- MainPage quiz --------- */

    .courseQuiz__image {
        display: none;
    }

    .buttonsForCourseQuiz {
        padding-right: 0px;
        padding-left: 0;
    }

    .courseQuiz__checkContainer {
        margin-right: 0;
    }

    .courseQuiz__title {
        font-size: 30px;
    }

    .courseQuiz__formContent {
        margin: 0;
        padding: 0;
    }

    /* --------- MainPage testDrive --------- */

    .testDriveContent {
        flex-direction: column;
        align-items: center;
    }

    .testDriveLeftPart {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .testDriveRightPart {
        padding-top: 15px;
    }

    .testDrive__subtitle {
        text-align: center;
    }

    .testDrive__title {
        text-align: center;
    }

    /* --------- MainPage reviews --------- */

    .videoReviewBoxContainer {
        padding: 5px;
    }

    /* --------- MainPage adjustProgram --------- */

    .adjustProgramContainer {
        padding: 25px;
    }
}

@media (max-width: 670px) {
    /* --------- MainPage FAQ block --------- */

    .relevantQuestionsTitleArrow {
        left: 95%;
    }

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

    /* --------- MainPage businessLoyality --------- */

    .businessLoyality__textCompanies {
        font-size: 15px;
    }

    .businessLoyality {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .businessLoyality__button {
        font-size: 18px;
        padding: 18px 50px;
    }

    /* --------- MainPage Teachers --------- */

    .teacherBlock__subtitle {
        padding-left: 30px;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .teacherBlock__subtitle {
        font-size: 25px;
    }

    .teacherPhoto_preview {
        height: 80px;
        margin-right: 30px;
    }

    .teacherContentTopBlock__line {
        padding-left: 30px;
    }

    .teacherContentTopBlock__line {
        max-width: 100%;
    }

    .teacherBlock__content_opened {
        margin-top: 30px;
    }

    .teacherContent_experienceFor_suren,
    .teacherContent_experienceFor_james,
    .teacherContent_experienceFor_lolita,
    .teacherContent_experienceFor_nelly,
    .teacherContent_experienceFor_pascal {
        top: -17px;
        left: 87%;
        height: 100px;
    }

    .teacherContentBotBlock__button {
        padding: 15px;
        font-size: 18px;
        margin-bottom: 25px;
    }

    .tags__tag_color_black {
        padding: 9px 10px 5px 10px;
        font-size: 13px;
    }

    .tags__tag_color_white {
        padding: 9px 10px 5px 10px;
        font-size: 13px;
    }

    .lineText {
        font-size: 15px;
        padding-right: 15px;
    }

    .teacherContentTopBlock {
        gap: 10px;
    }

    /* --------- MainPage adjustProgram --------- */

    .checkBoxText {
        font-size: 14px;
    }

    /* --------- MainPage giftSale --------- */

    .giftSale {
        padding-left: 0;
        padding-top: 50px;
    }

    .giftSale__saleImg {
        top: -30%;
        height: 164px;
    }

    /* --------- MainPage about --------- */

    .aboutBoxContainer {
        padding: 5px;
        width: 100%;
    }

    .flexBox_forAbout {
        justify-content: center;
    }

    .aboutBox {
        max-width: 100%;
    }

    /* --------- MainPage quiz --------- */

    .courseQuizBgContainer__bgimg1 {
        height: 200px;
    }

    .courseQuizBgContainer__bgimg2 {
        height: 100px;
        top: 80%;
    }

    .courseQuizContent__buttons {
        padding-bottom: 120px;
    }

    /* --------- MainPage testLesson --------- */

    .testLessonModalImg {
        display: none;
    }

    .formElementsForTestLesson {
        max-width: 100%;
    }

    .testLessonModalTitle_underlineHighlight {
        height: 82px;
    }

    .testLessonModalTitle_highlight {
        height: 58px;
    }

    .testLessonModalTitle {
        font-size: 45px;
    }
}

@media (max-width: 600px) {
    /* --------- MainPage courses --------- */

    .course__title {
        font-size: 20px;

    }

    .course__content {
        padding: 25px;
    }

    .cont {
        height: 190px;
    }

    .courseContent_eng_bigVector {
        scale: 0.75;
        top: 35%;
    }

    .courseContent_flag {
        scale: 0.7;
    }

    .courseContent_sp_flag {
        left: 67%;
    }

    .courseTitleEngBgTeenager {
        top: unset;
        bottom: -220%;
        left: unset;
        right: -9%;
        scale: 0.7;
    }

    .courseTitleSpainFlTeenager {
        top: unset;

        bottom: -211%;
        left: unset;
        right: -9%;

        scale: 0.7;
    }

    .courseTitleFranceBgTeenager {
        top: unset;
        bottom: -224%;
        left: unset;
        right: -9%;

        scale: 0.7;
    }

    .courseTitleRusFlTeenager {
        top: unset;
        bottom: -164%;
        left: unset;
        right: -15%;
        scale: 0.7;
    }



    .courseContent_ru_bgTeenager {
        left: unset;
        right: -22%;
        top: 40%;
    }

    .courseContent_eng_TeenagerImg {
        bottom: -2%;
        left: unset;
        right: 5%;
    }

    .courseContent_fr_bigVectorTeenager {
        right: -22%;
        top: 37%;
    }

    .courseTitleEngBgKids {
        top: 54%;
        right: -48px;
    }

    .courseTitleRusFlKids {
        scale: 0.8;
        top: -65%;
        right: -27px;
    }

    .courseTitleFranceBg {
        right: -32px;
        top: 10%;
    }

    .courseContent_fr_kidsImg, .courseContent_eng_kidsImg, .courseContent_ru_kidsImg, .courseContent_sp_kidsImg {
        top: -23%;
    }

    /* --------- MainPage universe --------- */

    .titleForUniverse {
        font-size: 40px;
    }

    .textHighlightNormal__highlightImageNormal_universe {
        width: 210px;
    }

    .subtitleForUniverse {
        font-size: 22px;
    }

    /* --------- MainPage testDrive --------- */

    .testDrive__title {
        font-size: 40px;
    }

    .testDrive__subtitle {
        font-size: 15px;
    }

    /* --------- MainPage reviews --------- */

    .videoReviewBox_width_33 {
        width: 50%;
    }

    .reviewsTitle {
        font-size: 50px;
    }

    .emojiHighlight_1,
    .emojiHighlight_2 {
        height: 37px;
    }

    /* --------- MainPage about --------- */

    .smallBox__numb {
        font-size: 30px;
    }

    /* --------- MainPage testLesson --------- */

    .testLessonModalTitle_underlineHighlight {
        height: 83px;
    }

    .testLessonModalTitle_highlight {
        height: 60px;
    }

    /* --------- MainPage cookie --------- */

    .cookieNotificationContent__text {
        font-size: 13px;
    }

    .cookieNotificationContent__buttonOk {
        font-size: 12px;
    }

    .cookieNotificationContent__buttonDeny {
        font-size: 12px;
    }
}


@media (max-width: 580px) {
    /* --------- MainPage FAQ block --------- */

    .relevantQuestionsTitleArrow {
        top: 42%;
        left: 92%;

    }

    .relevantQuestionsTitle {
        line-height: 130%;
    }

    /* --------- MainPage Teachers --------- */

    .teacherContent_experienceFor_suren,
    .teacherContent_experienceFor_james,
    .teacherContent_experienceFor_lolita,
    .teacherContent_experienceFor_nelly,
    .teacherContent_experienceFor_pascal {
        top: -17px;
        left: 83%;
        height: 100px;
    }

    /* --------- MainPage AiChat --------- */

    .aiChatInner {
        padding-top: 30px;
    }

    /* --------- MainPage adjustProgram --------- */

    .adjProgram__bgVector {
        width: 100%;
    }

    /* --------- MainPage sorryBock --------- */

    .sorryBlock {
        padding: 20px;
    }

    /* --------- MainPage testLesson --------- */

    .testLessonModalCloseBtn {
        top: 18px;
        right: 18px;
        height: 40px;
        width: 40px;
    }

    .testLessonModalCloseBtn:before {
        width: 20px;
        top: 47%;
        left: 23%;
    }

    .testLessonModalCloseBtn:after {
        width: 20px;
        top: 48%;
        left: 24%;
    }

    .testLessonModalTitle {
        display: block;
        font-size: 40px;
        padding-right: 30px;
        width: auto;
    }

    .testLessonModalSecondTitle {
        font-size: 50px;
    }

    .testLessonModalSecondTitleHighlight {
        height: 118px;
        top: 22%;
    }

    .testLessonModalSecondText {
        font-size: 20px;
    }

    .testLessonModalSecondButtonClose {
        font-size: 20px;
        padding: 15px 50px;
    }

    .testLessonModalSecondTitle {
        margin-top: 88px;
        margin-bottom: 26px;
    }

    .testLessonModalTitle_underlineHighlight {
        height: 73px;
    }

    .testLessonModalTitle_highlight {
        height: 53px;
    }


    /* --------- MainPage cookie --------- */

    .cookieNotificationContent__img2  {
        display: none;
    }
    .cookieNotificationContent__img1  {
        display: none;
    }
    .cookieNotification {
        padding: 10px 49px 10px 10px;
        right: 0;
    }
    .buttonsCookie {
        flex-direction: column;
        align-content: center;
    }
    .cookieNotificationContent__buttonDeny {
        font-size: 12px;
        padding: 12px 38px;
    }
}


@media (max-width: 550px) {
    /* --------- MainPage intro --------- */

    .buttonsIntro {
        display: flex;
        justify-content: center;
    }

    .buttonTryFree {
        color: #FFF;
        font-size: 20px;
        font-family: Onest;
        line-height: 145.523%;
        text-transform: uppercase;
        padding: 20px 26px;
    }

    /* --------- MainPage courses --------- */

    .courseTitleEngFl {
        left: 20%;
    }

    .courseContent_eng_fog {
        scale: 0.7;
        left: 34%;
    }

    .courseTitleSpainFl {
        left: 41%;
    }

    .courseContent_sp_fog {
        scale: 0.7;
        left: 30%;
        top: 32%;
    }

    .courseContent_fr_fog {
        scale: 0.7;
        left: 30%;
        top: 32%;
    }

    .courseContent_ru_fog {
        scale: 0.7;
        left: 30%;
        top: 32%;
    }

    .courseTitleRusFl {
        left: 33%;
    }

    .courseTitleEngBgTeenager {
        top: 10%;
        bottom: unset;
        left: -10%;
        right: unset;
        scale: 0.7;
    }

    .courseTitleSpainFlTeenager {
        top: 27%;
        bottom: unset;
        left: -10%;
        right: unset;

        scale: 0.7;
    }

    .courseTitleFranceBgTeenager {
        top: 10%;
        bottom: unset;
        left: -10%;
        right: unset;
        scale: 0.7;
    }

    .courseTitleRusFlTeenager {
        top: 10%;
        bottom: unset;
        left: -10%;
        right: unset;
        scale: 0.7;
    }

    .courseTitleRusFlKids {
        left: -20%;
    }

    .courseTitleSpainFlKids {
        left: -48%;
    }

    /* --------- MainPage businessLoyality --------- */

    .businessLoyality__arrowImg {
        height: 69px;
        top: -177%;
    }

    .highlightForLoyalitySecond {
        width: 90px;
    }

    /* --------- MainPage adjustProgram --------- */

    .adjustProgram__title {
        font-size: 40px;
    }

    .checkGroupHalf:last-child {
        padding-left: 10px;
    }

    /* --------- MainPage About --------- */

    .aboutBox__bottomSpecial {
        width: 100%;
        flex-direction: column;
    }

    .smallBox {
        width: 100%;
    }
}


@media (max-width: 520px) {
    /* --------- MainPage testSkills --------- */

    .testYourSkills__img {
        top: -16%;
        left: 20%;
    }

    .testYourSkills__content {
        padding: 140px 20px 20px 20px;
        align-items: center;
    }

    .title_block_testSkills {
        text-align: center;
    }

    /* --------- MainPage FAQ block --------- */

    .dontFound {
        padding-top: 25px;
        padding-bottom: 60px;
    }

    .relevantQuestionsBlock__title {
        max-width: 80%;
    }

    /* --------- MainPage BusinessLoyality --------- */

    .businessLoyality__tag {
        margin-bottom: 15px;
        font-size: 13px;
        padding: 15px;
    }

    .businessLoyality__title {
        font-size: 30px;
    }

    .businessLoyality__text {
        margin-bottom: 25px;
        font-size: 20px;
    }

    .highlightForLoyalityFirst {
        height: 60px;
    }

    .businessLoyality__button {
        font-size: 15px;
        padding: 15px;
    }

    .businessLoyality__rightBlock {
        padding-top: 35px;
    }

    /* --------- MainPage quiz --------- */

    .textForCourseTitle {
        font-size: 30px;
    }

    .textForCourseText {
        font-size: 15px;
    }

    .testForCourse {
        padding-top: 65px;
    }

    /* --------- MainPage reviews --------- */

    .reviewsTitle {
        font-size: 40px;
    }

    .emojiHighlight_1,
    .emojiHighlight_2 {
        height: 30px;
    }

    /* --------- MainPage About --------- */

    .aboutBox {
        padding: 20px;
    }


    /* --------- MainPage onlineTest --------- */

    .highlightOnlineTestForTitleText {
        height: 63px;
    }

    /* --------- MainPage testSkills --------- */

    .textHighlightNormal__highlightImageNormal_elem_ellipseLine {
        height: 100px;
    }

    .title_block_testSkills {
        font-size: 30px;
    }

    /* --------- MainPage testLessonModal --------- */

    .testLessonModalTitle_underlineHighlight {
        height: 60px;
    }

    .testLessonModalTitle_highlight {
        height: 43px;
    }

    .testLessonModalTitle {
        font-size: 30px;
        padding-bottom: 10px;
    }
}

@media (max-width: 460px) {

    /* --------- MainPage introBlock --------- */

    .buttonTryFree {
        padding: 20px 22px;
    }

    /* --------- MainPage FAQ block --------- */

    .relevantQuestionsBlock__answerText {
        padding-right: 0;
    }

    /* --------- MainPage businessLoyality --------- */

    .alreadyLearnedCompanyImg {
        width: 21%;
    }

    /* --------- MainPage businessLoyality --------- */

    .businessLoyality__alreadyLearned {
        justify-content: center;
    }

    .businessLoyality__arrowImg {
        left: 7%;
    }

    /* --------- MainPage teachers --------- */

    .teachersTitle {
        padding-top: 60px;
        font-size: 35px;
    }

    .teacherTitleEmoji {
        height: 30px;
    }

    .teachersSubtitle {
        font-size: 15px;
    }

    /* --------- MainPage Universe --------- */

    .titleForUniverse {
        font-size: 30px;
    }

    .textHighlightNormal__highlightImageNormal_universe {
        width: 155px;
    }

    .subtitleForUniverse {
        font-size: 18px;
    }

    .learningUniverse {
        padding-top: 25px;
    }

    .learningUniverseBg {
        height: 136px;
        top: 30%;
    }

    /* --------- MainPage FAQ block --------- */

    .reviewMainTitle {
        padding-left: 5px;
    }

    /* --------- MainPage adjustProgram --------- */

    .adjustProgram__title {
        font-size: 30px;
    }

    .adjustProgram__text {
        font-size: 16px;
    }

    .textHighlightNormal__highlightImageNormal_adjustProgram {
        height: 40px;
    }

    .checkBoxText {
        font-size: 12px;
    }

    /* --------- MainPage saleGift --------- */

    .titleGift {
        font-size: 25px;
    }

    .textGift {
        font-size: 15px;
    }

    .giftSale__saleImg {
        height: 130px;
        top: -36%;
    }

    .saleHighlight_ellipse {
        height: 58px;
    }

    .saleHighlight_bg {
        height: 36px;
    }

    .giftSale {
        padding-top: 15px;
    }

    .giftSale__button {
        font-size: 20px;
        padding: 15px;
    }

    .giftSale__lightning {
        left: 75%;
    }

    /* --------- MainPage AboutBox --------- */

    .aboutInner__title {
        font-size: 35px;
        padding-top: 30px;
    }

    .aboutInner__text {
        font-size: 15px;
    }

    .aboutInner_fw_700 {
        font-size: 17px;
    }

    .textHighlightNormal__highlightImageNormal_forAbout {
        height: 33px;
    }

    .textHighlightNormal__highlightImageNormal_forAbout_underline {
        width: 156px;
    }

    /* --------- MainPage quiz --------- */

    .courseQuizContent__title {
        font-size: 40px;
    }

    .quizTitleHighlight {
        height: 84px;
    }

    .courseQuizBgContainer__bgimg1 {
        height: 140px;
    }

    .courseQuizContent__button {
        width: auto;
    }

    /* --------- MainPage teachersBlock --------- */

    .teacherBlock__subtitle {
        font-size: 15px;
    }
}

@media (max-width: 456px) {

    /* --------- MainPage sorryBlock --------- */

    .sorryBlock__title {
        font-size: 20px;
    }

    .highlight_sorryTitle {
        width: 28px;
        height: 28px;
    }

    .sorryBlock__secondSubtitle,
    .sorryBlock__lastText,
    .sorryBlock__subTitle {
        font-size: 15px;
    }
}

@media (max-width: 450px) {

    /* --------- MainPage intro --------- */

    .langCountries {
        gap: 5px;
    }

    .buttonTryFree {
        color: #FFF;
        font-size: 20px;
        font-family: Onest;
        line-height: 145.523%;
        text-transform: uppercase;
    }

    /* --------- MainPage courses --------- */

    .cont {
        width: 100%;
    }

    .courseTitleEngBgTeenager {
        top: 10%;
        bottom: unset;
        left: unset;
        right: -10%;
        scale: 0.7;
    }

    .courseTitleSpainFlTeenager {
        top: 27%;
        bottom: unset;
        left: unset;
        right: -10%;

        scale: 0.7;
    }

    .courseTitleFranceBgTeenager {
        top: 10%;
        bottom: unset;
        left: unset;
        right: -10%;
        scale: 0.7;
    }

    .courseTitleRusFlTeenager {
        top: 10%;
        bottom: unset;
        left: unset;
        right: -10%;
        scale: 0.7;
    }

    .courseTitleSpainFlKids {
        left: unset;
        right: 0;
    }

    .courseTitleRusFlKids {
        left: unset;
        right: 0;
    }

    /* --------- MainPage FAQ block --------- */

    .dontFound__title {
        text-align: center;
        line-height: 100%;
        font-size: 25px;
    }

    .dontFoundButton {
        padding: 15px 35px;
        font-size: 15px;
    }

    .dontFoundButton__arr {
        scale: 0.6;
        left: -59%;
    }

    /* --------- MainPage teacherBlock --------- */

    .teacherContent_experienceFor_suren,
    .teacherContent_experienceFor_james,
    .teacherContent_experienceFor_lolita,
    .teacherContent_experienceFor_nelly,
    .teacherContent_experienceFor_pascal {
        top: -17px;
        left: 75%;
        height: 100px;
    }

    /* --------- MainPage forms --------- */

    .formSmallText {
        font-size: 10px;
    }

    /* --------- MainPage Quiz --------- */

    .quizSubmitBtn,
    .testDriveButton {
        font-size: 15px;
    }

    .courseQuiz__subTitle {
        padding-bottom: 20px;
    }

    /* --------- MainPage testDrive --------- */

    .testDrive__input,
    .testDrive__select,
    .inputText {
        font-size: 15px;
    }

    .testDrive__title {
        margin-bottom: 15px;
    }

    .testDrive__subtitle {
        margin-bottom: 15px;
    }

    .testDriveBlock {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* --------- MainPage adjustProgram --------- */

    .checkBoxLine {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /* --------- MainPage giftSale --------- */

    .giftSale__lightning {
        display: none;
    }

    /* --------- MainPage TestLessonModal --------- */

    .testLessonModalSubtitle {
        padding-bottom: 10px;
    }

    .testLessonModal1btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


@media (max-width: 400px) {

    /* --------- MainPage teacherBlock --------- */

    .teacherBlock__subtitle {
        padding-left: 20px;
    }

    .teacherPhoto_preview {
        height: 80px;
        margin-right: 20px;
    }

    /* --------- MainPage learningUniverse --------- */

    .learningUniverseBalls {
        width: 100%;
        bottom: -0%;
        left: 51%;
    }

    /* --------- MainPage quizBlock --------- */

    .level {
        width: 35px;
    }

    .courseQuiz__button_next {
        padding-left: 13px;
        padding-right: 29px;
    }

    .courseQuiz__button_back {
        padding-left: 29px;
        padding-right: 13px;
    }

    .courseQuiz__button_backImg {
        left: 6px;
    }

    .courseQuiz__button_nextImg {
        right: 6px;
    }

    /* --------- MainPage FAQ block --------- */

    .relevantQuestionsTitleArrow {
        left: 90%;
    }

    /* --------- MainPage TestLessonModal --------- */

    .testLessonModalTitle_underlineHighlight {
        height: 48px;
    }

    .testLessonModalTitle_highlight {
        height: 34px;
    }

    .testLessonModalTitle {
        font-size: 25px;
    }
}


@media (max-width: 360px) {

    /* --------- MainPage IntroBlock --------- */

    .textHighlight_intro {
        top: 40%;
        left: 45%;
        scale: 0.5;
    }

    .textHighlight_intro {
        top: 40%;
        left: 45%;
        scale: 0.5;
        font-family: Onest;
    }

    .buttonTryFree {
        padding: 20px 22px;
        font-size: 15px;
    }

    /* --------- MainPage TestSkills --------- */

    .testYourSkills__img {
        left: 10%;
    }


    /* --------- MainPage FAQ block --------- */

    .relevantQuestionsTitle {
        font-size: 30px;
    }

    .relevantQuestionsBlock__title {
        font-size: 18px;
        line-height: 1;
    }

    .relevantQuestionsBlock__answerText {
        font-size: 15px;
    }

    /* --------- MainPage TeachersBlock --------- */

    .lineText {
        font-size: 13px;
    }

    /* --------- MainPage CoursesBlock --------- */

    .courseSelector {
        padding: 10px;
    }

    /* --------- MainPage UniverseBlock --------- */

    .learningUniverseBg {
        height: 94px;
        top: 35%;
    }

    /* --------- MainPage QuizBlock --------- */

    .courseQuiz__title {
        font-size: 25px;
    }

    .courseQuiz__checkContainer {
        padding: 0;
    }

    .courseQuiz__checkBox {
        height: 83px;
    }

    .quizSubmitBtn,
    .testDriveButton {
        font-size: 13px;
    }

    .courseQuizContent__button {
        font-size: 15px;
    }

    /* --------- MainPage TestDriveBlock --------- */

    .testDrive__input,
    .testDrive__select,
    .inputText {
        padding: 10px;
    }

    /* --------- MainPage Reviews --------- */

    .reviewsTitle {
        font-size: 34px;
    }

    .emojiHighlight_1,
    .emojiHighlight_2 {
        height: 25px;
    }

    /* --------- MainPage AdjustProgram --------- */

    .checkGroupHalf:last-child {
        padding: 0;
    }

    .checkGroupHalf {
        width: 100%;
    }

    .adjustProgram__checkBoxGroup {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .adjustProgram__text {
        margin-bottom: 12px;
    }

    /* --------- MainPage AboutBox --------- */

    .btnAbout {
        height: 80px;
        width: 80px;
    }

    .aboutBox__btnImg {
        height: 35px;
    }

    .text_forAboutBox {
        font-size: 13px;
    }

    .title_forAboutBox {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .title_blackBg {
        font-size: 10px;
    }

    .sorryBlock__num {
        font-size: 25px;
    }

    /* --------- MainPage TestLessonModal --------- */

    .testLessonModalInner {
        padding: 20px;
    }

    .testLessonModalTitle {
        padding-right: 30px;
        font-size: 25px;
    }

    .testLessonModalSecondTitle {
        margin-top: 50px;
    }

    .testLessonModalSecondTitleHighlight {
        height: 110px;
    }

    .testLessonModalSecondText {
        font-size: 15px;
    }

    .testLessonModalSecondButtonClose {
        margin-bottom: 16px;
    }
}