@media only screen and (min-width: 1920px) {
    nav .search__box.open form {
        margin: 0 2%;
    }

    .chat__section {
        min-height: 90dvh;
        max-width: var(--max-width);
    }

    .black__with__lines .scrolling__lines .scroll.yellow__line {
        transform: rotate(1deg) translateY(0px) translateX(0px);
        color: #000;
        width: 115%;
    }
}

@media only screen and (max-width: 1680px) {
    .package__container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    .course_card_link .info__container .full__naming {
        display: none;
    }

    .course_card_link .info__container .short__naming {
        display: block;
    }
}

@media only screen and (max-width: 1630px) {
    .search__box.open .search {
        right: 26%;
    }

    .search__box .search__form {
        width: 14vw
    }

    @keyframes inputOpen {
        from {
            right: 0;
            width: 100%;
        }

        to {
            right: 40%;
            width: 43vw;
        }
    }

    @keyframes inputClose {
        from {
            right: 40%;
            width: 43vw;
        }

        to {
            right: 0;
            width: 100%;
        }
    }

    .user-cabinet.user__cabinet__grid .step-course-container {
        max-width: 55vw;
    }

    .main__container h1 {
        font-size: 49px;
    }

    .main__container .section__start .button {
        font-size: 28px;
        padding: 20px 45px;
    }

    .black__with__lines .line__rightbottom__to__righttop__wrap {
        transform: rotate(-24deg) translateY(0px) translateX(0px);
    }

    .black__with__lines .line__rightbottom__to__righttop {
        transform: rotate(-26deg) translateY(0px) translateX(0px);
    }

    .black__with__lines .line__righttop__to__rightbottom {
        transform: rotate(41deg) translateY(0px) translateX(-130px);
    }
}

@media only screen and (max-width: 1550px) {
    .personalisation__start .blocks {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        max-width: 100%;
    }

        .personalisation__start .blocks .start__block {
            padding: 0;
            width: 100%;
        }

            .personalisation__start .blocks .start__block h1 {
                font-size: 50px;
                font-weight: 700;
            }

            .personalisation__start .blocks .start__block .text {
                font-size: 16px;
                margin: 10px 0;
            }

            .personalisation__start .blocks .start__block .img__box {
                display: none;
            }

    .personalisation__start .slider__box {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 1500px) {
    .section__smallblocklist__template .blocks__container .block .top .img__box {
        max-width: 160px;
    }

    .section__smallblocklist__template .blocks__container .block .top .texts h2 {
        font-size: 80px;
        line-height: 64px;
    }

        .section__smallblocklist__template .blocks__container .block .top .texts h2 span {
            font-size: 38px;
        }

    .prepare_with_teacher h2 {
        font-size: 42px;
        line-height: 44px;
    }

    .prepare_with_teacher h1 {
        font-size: 88px;
        line-height: 98px;
    }

    .prepare_with_teacher .about__text {
        margin: 130px 0 140px 0;
        min-height: 350px;
    }

        .prepare_with_teacher .about__text p {
            font-size: 18px;
            line-height: 24px;
        }

        .prepare_with_teacher .about__text a {
            max-width: 300px;
        }

    .prepare_with_teacher h3 {
        font-size: 28px;
        line-height: 26px;
    }

    .prepare_with_teacher .lesson_types__box .first {
        left: 145px;
        scale: 0.9;
    }

    .prepare_with_teacher .lesson_types__box .second {
        left: 170px;
        scale: 0.8;
        top: -80px;
    }

    .prepare_with_teacher .lesson_types__box .third {
        left: 175px;
    }

    .prepare_with_teacher .access_types__container img {
        scale: 0.7;
    }

    .prepare_with_teacher .access_types__box .text {
        font-size: 22px;
        line-height: 28px;
    }

    .prepare_with_teacher .access_types__box {
        padding: 50px;
    }

    .prepare_with_teacher .access_types__boxes .second {
        transform: rotate(5.04deg) translateX(0px) translateY(100px);
    }

    .prepare_with_teacher .access_types__boxes .first {
        transform: rotate(-3.15deg) translateX(15px);
    }

    .prepare_with_teacher .about_teacher__photo {
        margin: 0px 0;
        transform: scale(0.8) translateX(-40px);
    }

    .prepare_with_teacher .about_teacher__achivements {
        font-size: 28px;
        line-height: 36px;
    }

    .prepare_with_teacher .classes_format__container .classes_format__box {
        scale: 0.8;
        font-size: 20px;
        line-height: 24px;
    }

    .prepare_with_teacher h5 {
        margin-top: 20px;
    }

    .prepare_with_teacher .reviews__container .reviews__box__top__left .stars {
        right: -10px;
    }

    .prepare_with_teacher .classes_format__container .classes_format__boxes .five {
        left: 45.5%;
    }

    .prepare_with_teacher .classes_format__container .classes_format__boxes .three {
        left: 41%;
    }

    .prepare_with_teacher .classes_format__container .classes_format__boxes .two {
        left: 47.5%;
    }
}

@media only screen and (max-width: 1420px) {
    .subject__box .chunk__item .stats__box {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .subject__box .button {
        width: fit-content;
        padding: 0 30px;
    }

    .personalisation__start {
        background-position: -20px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 1400px) {
    .search__box.open .search {
        right: 27.5%;
    }

    .search__box .search__form {
        width: 12vw
    }

    @keyframes inputOpen {
        from {
            right: 0;
            width: 100%;
        }

        to {
            right: 50%;
            width: 41vw;
        }
    }

    @keyframes inputClose {
        from {
            right: 50%;
            width: 41vw;
        }

        to {
            right: 0;
            width: 100%;
        }
    }

    .course_card_link .info__container__name .info__property {
        font-size: 20px;
        line-height: 26px;
        padding: 10px 0;
    }

    .course_card_link .info__container .info__property {
        font-size: 18px;
        line-height: 22px;
    }

    .course_card_link .info__container__name h5,
    .course_card_link .info__container h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .course_card_link .info__container,
    .course_card_link .info__container__name {
        padding: 5px 10px;
    }

    .main__container .section__slider .slider__text__box:hover ~ .slider__text__box.active p,
    .main__container .section__slider .slider__text__box p {
        font-size: 20px;
        line-height: 28px;
    }

    .main__container .section__slider .slider__text__box:hover p, .main__container .section__slider .slider__text__box.active p {
        font-size: 20px;
        line-height: 28px;
    }

    .main__container .section__slider .slider__img img {
        top: 0;
        right: 4%;
    }

    .slider__text {
        min-height: 860px;
    }

    .chat__section .info__section .info__lessons .your__lesson .head {
        grid-template-columns: 55% 43%;
    }

    .package__container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 1350px) {
    @keyframes inputOpen {
        from {
            right: 0;
            width: 100%;
        }

        to {
            right: 60%;
            width: 38vw;
        }
    }

    @keyframes inputClose {
        from {
            right: 60%;
            width: 38vw;
        }

        to {
            right: 0;
            width: 100%;
        }
    }
}

@media only screen and (max-width: 1325px) {
    .subject__box .category__statistics {
        justify-content: space-between;
        padding: 5px;
    }

        .subject__box .category__statistics .transformed__blocks {
            justify-content: flex-end;
        }

        .category__header .category__info .info .data .stats__block .name__fullscreen,
        .subject__box .category__statistics .stats__block .name__fullscreen {
            display: none;
        }

        .category__header .category__info .info .data .stats__block .shorten__name,
        .subject__box .category__statistics .stats__block .shorten__name {
            display: flex;
        }

    .section__smallblocklist__template .blocks__container .block .top .texts h2 {
        font-size: 70px;
        line-height: 58px;
    }

        .section__smallblocklist__template .blocks__container .block .top .texts h2 span {
            font-size: 28px;
        }

    .section__smallblocklist__template .blocks__container .block .top .img__box {
        max-width: 150px;
    }
}

@media only screen and (max-width: 1300px) {
    @keyframes inputOpen {
        from {
            right: 0;
            width: 100%;
        }

        to {
            right: 60%;
            width: 37vw;
        }
    }

    @keyframes inputClose {
        from {
            right: 60%;
            width: 37vw;
        }

        to {
            right: 0;
            width: 100%;
        }
    }
}

@media only screen and (max-width: 1250px) {
    .prepare_with_teacher h1 {
        font-size: 78px;
        line-height: 90px;
    }

    .prepare_with_teacher .about__button {
        min-height: 60px;
    }

    .prepare_with_teacher .lesson_types__box .first {
        left: 110px;
        scale: 0.7;
    }

    .prepare_with_teacher .lesson_types__box .second {
        left: 155px;
        scale: 0.7;
    }

    .prepare_with_teacher .lesson_types__box .third {
        left: 145px;
        scale: 0.8;
    }

    .prepare_with_teacher .access_types__container img {
        scale: 0.5;
    }

    .prepare_with_teacher .access_types__boxes .teacher div {
        font-size: 34px;
        line-height: 52px;
    }

    .prepare_with_teacher .access_types__boxes .self div {
        font-size: 20px;
        line-height: 24px;
    }

    .prepare_with_teacher .access_types__boxes .self {
        top: 5px;
    }

    .prepare_with_teacher .access_types__boxes .third {
        transform: rotate(1.08deg) translateY(-75px) translateX(25px);
    }

    .prepare_with_teacher .about_teacher__achivements {
        font-size: 24px;
        line-height: 28px;
        width: 80%;
    }

        .prepare_with_teacher .about_teacher__achivements ul {
            margin-top: 100px;
        }

        .prepare_with_teacher .about_teacher__achivements li {
            background-size: 25px;
            padding-left: 36px;
        }

    .prepare_with_teacher .about_teacher__photo {
        margin: 0px 0;
        transform: scale(0.7) translateX(-65px) translateY(-38px);
    }

        .prepare_with_teacher .about_teacher__photo .photo__decor__top {
            position: absolute;
            right: -215px;
            top: -95px;
            scale: 0.8;
        }

        .prepare_with_teacher .about_teacher__photo .photo__decor__bottom {
            position: absolute;
            left: -75px;
            bottom: -100px;
            scale: 0.8;
        }

    .prepare_with_teacher .about_teacher__achivements img {
        top: -30px;
        right: -85px;
        scale: 0.8;
    }

    .prepare_with_teacher .flipped_class__container .duck {
        top: -80px;
        scale: 0.8;
    }

    .prepare_with_teacher .reviews__box .photo {
        width: 75%;
    }

    .prepare_with_teacher .reviews__container .reviews__box__top__left .stars {
        scale: 0.8;
    }

    .study__format__section .buttons__box .option__block {
        max-width: 353px;
        margin-top: 20px;
        margin-bottom: 60px;
        min-height: 345px;
    }

        .study__format__section .buttons__box .option__block:hover {
            max-width: 373px;
            min-height: 485px;
            margin-top: -20px;
        }

    @keyframes inputOpen {
        from {
            right: 0;
            width: 100%;
        }

        to {
            right: 60%;
            width: 35vw;
        }
    }

    @keyframes inputClose {
        from {
            right: 60%;
            width: 35vw;
        }

        to {
            right: 0;
            width: 100%;
        }
    }
}

@media only screen and (max-width: 1245px) {
    .subject__box .chunk__item.timer__chunk,
    .subject__box .chunk__item {
        padding: 15px 5px
    }

        .subject__box .chunk__item .stats__box {
            gap: 10px;
        }

    .section__smallblocklist__template .blocks__container .block .top .texts h2 {
        font-size: 55px;
        line-height: 46px;
    }

        .section__smallblocklist__template .blocks__container .block .top .texts h2 span {
            font-size: 20px;
        }

    .webinar__registrationfull__template .registration__form .header__container .timer__container .registration__title {
        font-size: 34px;
    }
}

@media (max-width:1225px) {

    .unsubsriptions {
        background-size: 38% 56%, 45% 51%;
    }

    .search__box.open .search {
        right: 30%;
    }

    .search__box .search__form {
        width: 11vw
    }

    .user-cabinet.user__cabinet__grid .step-course-container {
        max-width: 50vw;
    }

    .course_card_link .info__container {
        padding: 5px 0px;
    }

    .main__container .section__slider .slider__img img {
        max-width: 350px;
    }

    .section__stackingcards__template .blocks__container .card.yellow,
    .section__stackingcards__template .blocks__container .card.bottom__right.yellow,
    .section__stackingcards__template .blocks__container .card.bottom__center,
    .section__stackingcards__template .blocks__container .card.bottom__right,
    .section__stackingcards__template .blocks__container .card {
        grid-template-columns: 1fr;
        min-height: 600px;
    }

        .section__stackingcards__template .blocks__container .card.yellow .img__box,
        .section__stackingcards__template .blocks__container .card.bottom__right.yellow .img__box,
        .section__stackingcards__template .blocks__container .card.bottom__center .img__box,
        .section__stackingcards__template .blocks__container .card.bottom__right .img__box,
        .section__stackingcards__template .blocks__container .card .img__box {
            max-height: 260px;
        }

            .section__stackingcards__template .blocks__container .card.yellow .img__box img,
            .section__stackingcards__template .blocks__container .card.bottom__right.yellow .img__box img,
            .section__stackingcards__template .blocks__container .card.bottom__center .img__box img,
            .section__stackingcards__template .blocks__container .card.bottom__right .img__box img,
            .section__stackingcards__template .blocks__container .card .img__box img {
                object-position: center;
            }

        .section__stackingcards__template .blocks__container .card .text p {
            font-size: 36px;
        }

        .section__stackingcards__template .blocks__container .card .text::after {
            transform: scale(0.5);
        }

        .section__stackingcards__template .blocks__container .card.yellow .text::after {
            right: 0;
        }

        .section__stackingcards__template .blocks__container .card.bottom__right .text::after,
        .section__stackingcards__template .blocks__container .card.bottom__right.yellow .text::after {
            right: auto;
            left: 0;
        }

        .section__stackingcards__template .blocks__container .card.bottom__center .text::after {
            top: 50%;
            right: 0;
        }
}

@media only screen and (max-width: 1200px) {
    @keyframes inputOpen {
        from {
            right: 0;
            width: 100%;
        }

        to {
            right: 60%;
            width: 32vw;
        }
    }

    @keyframes inputClose {
        from {
            right: 60%;
            width: 32vw;
        }

        to {
            right: 0;
            width: 100%;
        }
    }
}

@media (max-width:1099px) {
    html {
        --content-padding: 5vw;
    }

    .hero-section-title {
        padding-top: 0px;
    }

    .hero-section .action-button {
        width: 200px;
    }

    .cookie-notification-background {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: 100vw;
        background-color: rgba(0, 0, 0, -0.8);
        z-index: 55;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .cookie-notification {
        padding-top: 25px;
        padding-bottom: 55px;
        position: fixed;
        bottom: 150px;
        left: 0px;
        background-color: var(--white-color);
        opacity: 1;
        width: 90vw;
        min-width: auto;
        height: auto;
        min-height: 375px;
        border-radius: var(--content-border-radius);
        text-align: center;
        margin-left: var(--content-padding);
        margin-right: var(--content-padding);
    }

        .cookie-notification img {
            width: 150px;
        }

        .cookie-notification a {
            padding: 20px 10px;
        }

    nav {
        grid-template-columns: 1fr 1fr;
    }


        nav .menu {
            display: none;
        }


    .search__box.open .input__cover {
        background: var(--main-color);
        padding-left: 16px;
        padding-top: 1px;
    }

    .search__box.open.closed .input__cover {
        background: initial;
        padding-left: 0;
        opacity: 0;
    }


    .search__box.open .search {
        right: 5%;
    }

    .search__box .search__form {
        width: 16vw
    }

    @keyframes inputOpen {
        from {
            right: 0;
            width: 100%;
            opacity: 0;
        }

        to {
            right: 100%;
            width: 73vw;
            opacity: 1;
        }
    }

    @keyframes inputClose {
        from {
            right: 100%;
            width: 73vw;
            opacity: 1;
        }

        to {
            right: 0;
            width: 100%;
            opacity: 0;
        }
    }

    .search__box.open label {
        left: 24px;
        top: 13px;
    }

    .search__box.open .clear__button {
        top: 14px;
    }

    .search__box.open.closed .search__mobile {
        display: flex;
        position: absolute;
        right: 0px;
        margin-top: 3px;
        cursor: pointer;
        z-index: 3;
        color: #fff;
        font-size: 30px;
    }

    .search__box.open .search__mobile {
        display: none;
    }

    .search__box .search__close {
        transition: all 0s;
    }

    .search__box .results__container {
        width: 95%;
        padding-left: 2%;
        margin-left: 0;
    }

    .search__box .search__library {
        width: 100%;
        justify-content: space-around;
    }

        .search__box .search__library .search__area {
            margin: 10px 0;
        }

    .search__box .results__container .theory__card {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
        margin: 0;
    }

    .search__box .results__container .theory__card__right {
        margin-top: 10px;
    }

    nav .login .menu-right,
    .main__page__login {
        display: none;
    }

    .user__popup__menu {
        display: block;
        position: inherit;
        width: 230px;
        background: #fff;
        border-radius: 11px;
        overflow: visible;
        height: auto;
    }

        .user__popup__menu .user__info h3 {
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 98.9%;
            text-align: start;
            color: #000;
            margin: 3px 0;
            max-width: 275px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .user__popup__menu .popup__box .user__info__box img {
            max-height: 22px;
        }

        .user__popup__menu .popup__box .popup__item {
            font-size: 20px;
        }

    .backdrop {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: 100vw;
        background-color: rgba(0, 0, 0, -0.8);
        z-index: 55;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .packages {
        margin-bottom: 200px;
    }

        .packages h1 {
            font-size: 30px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .benefits-section .benefit-raw {
        display: block;
    }

        .benefits-section .benefit-raw .element {
            margin: auto;
            margin-bottom: 15px;
        }

    .card-wrapper {
        margin-bottom: 15px;
    }

    .card-wrapper-profile-page {
        margin-bottom: 30px;
    }

    .card h2 {
        font-size: 4.8vw;
    }

    .card p {
        font-size: 2.93vw;
    }

    .tags {
        margin-bottom: 10px;
    }

        .tags span {
            font-size: 2.0vw;
        }

    .price-line {
        margin-top: 0px;
    }

        .price-line .price {
            font-size: 3.0vw;
        }

    .mobile-menu {
        display: unset;
        background-color: var(--white-color);
        animation: showMenu 0.5s forwards;
        z-index: 55;
        position: relative;
    }

    .chat__section ~ .mobile-menu {
        display: none;
    }

    .mobile-menu.hideMobMenu {
        animation: hideMenu 0.5s forwards;
    }

    @keyframes hideMenu {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            visibility: hidden;
        }
    }

    @keyframes showMenu {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .mobile-menu .mobile-menu-button {
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: space-around;
        position: fixed;
        min-width: 90vw;
        bottom: 0px;
        background-color: var(--white-color);
        padding-bottom: 8px;
        padding-top: 18px;
        border-radius: var(--content-border-radius);
        margin-bottom: 16px;
        z-index: 200;
    }

        .mobile-menu .mobile-menu-button a {
            display: flex;
            font-size: 33px;
            color: var(--main-color);
            cursor: pointer;
            background: none;
            border: none;
            cursor: pointer;
            width: 59px;
            height: 59px;
            text-align: center;
            align-items: center;
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
            border-radius: var(--content-border-radius);
        }

        .mobile-menu .mobile-menu-button span {
            display: block;
            color: var(--main-color);
            padding-top: 5px;
            font-weight: 300;
            font-size: 2.3vw;
        }

        .mobile-menu .mobile-menu-button .action-button {
            color: white;
            background-color: var(--main-color);
        }

        .mobile-menu .mobile-menu-button i {
            display: flex;
            cursor: pointer;
            text-align: center;
            align-items: center;
            justify-content: center;
            border-radius: var(--content-border-radius);
            width: 100%;
            height: 100%;
        }



    .disable-mobile {
        display: none;
    }

    .profile-page-content {
        display: block;
    }

        .profile-page-content .card-hover {
            margin-bottom: 10px;
            width: auto;
        }

    .task h1 {
        font-size: 48px;
        padding-top: 18px;
        padding-bottom: 34px;
        text-align: left;
    }

    .timer-and-buttons {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-rows: auto auto;
        gap: 10px 10px;
        grid-template-areas:
            "timer timer"
            ". .";
    }

        .timer-and-buttons .countdown-placeholder {
            grid-area: timer;
        }

    .profile-page-content h3 {
        font-size: 13px;
    }

    .profile-page-content-progress {
        width: auto;
    }

    .profile-page-content-personal-card {
        width: auto;
    }

    .progress {
        max-width: 100%;
    }

    .profile-page-content .mistake-item {
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .card-template {
        padding: 16px 14px;
    }

    .block-wrapper p {
        font-size: 96px;
    }



    .emoji {
        font-size: 77px;
    }

    .empty-page-content .empty-page-text {
        font-size: 30px;
    }

    .hero-section .action {
        padding-top: 20px;
    }

    .partner-proposition a,
    .empty-page-content a {
        font-size: 14px;
        width: 200px;
        margin-top: 20px;
    }

    .unsubsriptions .unsubs__h1 {
        font-size: 46px;
        line-height: 52px;
    }

    .unsubsriptions .unsubs__p {
        font-size: 18px;
        line-height: 20px;
    }

    .unsubsriptions .empty-page-content {
        max-width: 320px;
    }

        .unsubsriptions .empty-page-content a {
            font-size: 16px;
        }

    .subs-text {
        font-size: 20px;
    }

    .footer-container {
        display: block;
        margin: auto;
        text-align: center;
        max-width: 150px;
    }

    .profile-mobile-menu {
        display: block;
        box-sizing: border-box;
        bottom: 120px;
        width: 90vw;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        text-align: left;
        max-height: 95%;
    }

    .desktop-task .card-template {
        background-color: inherit;
        padding: 0px 0px 0px 0px;
        box-shadow: none;
    }

    .partner-logo {
        filter: grayscale(0);
    }

    .list-with-actions-header,
    .list-with-actions-body {
        background-color: white;
        padding: 17px 14px 21px 19px;
        border-radius: 11px;
        box-shadow: 0px 17px 54px -19px #dfdfdf;
    }


    .profile-page-form .image-container {
        text-align: center;
        max-width: 92px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 14px;
    }

    .content-mobile-menu {
        display: block;
    }

    .mobile-modal {
        box-sizing: border-box;
        bottom: 120px;
        width: 90vw;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        text-align: left;
        max-height: 80%;
        background-color: #ffffff;
        border-radius: 11px;
        color: #757575;
        font-size: 12px;
        line-height: 1.17em;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 1.17em;
        font-style: normal;
        color: #757575;
        overflow-y: auto;
    }

    .profile-page-form .image-container img {
        max-height: 120px;
        max-width: 100%;
    }

    .profile-button {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #CCE3F8;
        padding: 15px 17px;
        border-radius: var(--content-border-radius);
        text-align: center;
        line-height: 1.36em;
        font-size: 12px;
        font-weight: 300;
        background-color: #E6D2B2;
    }

    .packages .mobile-modal-title {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .card-wrapper .image-container-fix-size {
        box-sizing: border-box;
        width: 110px;
        height: 80px;
        padding: 7px 21px;
    }

    .card-wrapper .image-container div img {
        max-height: 64px;
    }

    .mobile-modal-link {
        display: block;
        margin-bottom: 24px;
    }

    .list-mobile .content {
        padding: 0px;
        margin-left: 8px;
    }

    .list-mobile li:not(:last-child) {
        margin-bottom: 28px;
    }

    .mobile-modal-link p {
        font-size: 18px;
        line-height: 1.36em;
        color: #BFBBBB;
        font-weight: 300;
    }

    .mobile-modal-content {
        list-style: none;
        font-size: 18px;
        line-height: 1.36em;
        font-weight: 300;
        color: #000000;
    }

        .mobile-modal-content li {
            margin-bottom: 10px;
        }

    .list-with-actions-body {
        display: block;
    }

        .list-with-actions-body a {
            min-width: 115px;
        }

        .list-with-actions-body h3 {
            margin-bottom: 18px;
        }

    footer {
        padding-bottom: 120px;
    }

    .recovery-page {
        flex-flow: wrap;
    }

        .recovery-page .recovery-page-title {
            width: 100%;
            order: 2;
        }

            .recovery-page .recovery-page-title h1 {
                font-size: 36px;
            }

            .recovery-page .recovery-page-title p {
                font-size: 18px;
                font-weight: 300;
            }

    .error-page {
        flex-flow: wrap;
    }

        .error-page .error-page-title {
            width: 100%;
            order: 2;
        }

            .error-page .error-page-title h1 {
                font-size: 36px;
            }

            .error-page .error-page-title p {
                font-size: 18px;
                font-weight: 300;
            }

        .error-page .error-page-image {
            width: 100%;
            order: 1;
            margin-bottom: 30px;
        }

    .blog-article p,
    .blog-article h2,
    .blog-article h1 {
        font-size: 14px;
    }

    .blog-article p {
        text-indent: 25px;
    }

    .sub-item-grid {
        text-align: center;
        display: block;
    }

        .sub-item-grid a {
            display: block;
        }

    .package-price-plan-container {
        display: block;
    }

    .event-page-hero {
        padding-top: 40px;
        padding-bottom: 40px;
        display: block;
    }

        .event-page-hero .small-title {
            font-size: 18px;
        }

        .event-page-hero .main-title {
            font-size: 28px;
            padding-top: 16px;
            padding-bottom: 16px;
        }

        .event-page-hero .bottom-title {
            font-size: 18px;
            padding-bottom: 32px;
        }

    .event-description {
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: var(--content-padding);
        padding-right: var(--content-padding);
        display: flex;
        flex-flow: column-reverse;
        max-width: var(--max-width);
        margin: auto;
        gap: 0px;
    }

    .registration-card .registration-input {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .registration-card .timer-container {
        display: flex;
        justify-content: space-between;
    }

    .registration-card .registration-title {
        font-size: 28px;
    }

    .registration-card .timer-container .image-container {
        position: relative;
    }

        .registration-card .timer-container .image-container img {
            width: 100px;
            position: absolute;
            bottom: 0;
        }

    .registration-card .timer-container .timer-column-container {
        z-index: 1;
    }

    .remaining-timer {
        text-align: center;
        display: grid;
        grid-template-columns: 41px 12px 41px 12px 41px 12px 41px;
        justify-content: right;
    }

        .remaining-timer .timer-item {
            padding: 8px;
            border-radius: 2px;
            background-color: #FFCC00;
        }

        .remaining-timer .timer-value {
            color: var(--white-color);
            font-weight: 700;
            font-size: 18px;
        }

        .remaining-timer .timer-subtext {
            color: #7C633C;
            font-weight: 600;
            font-size: 12px;
        }

        .remaining-timer .timer-separator {
            color: #000000;
            font-weight: 600;
            font-size: 14px;
            margin: auto;
        }

    .event-lectors .event-lector {
        gap: 12px;
        margin-bottom: 40px;
        grid-template-columns: 80px 1fr;
    }

    .event-lectors .photo {
        margin-top: 45px;
        width: 80px;
        height: 80px;
    }

    .bottom-register-form {
        display: grid;
        grid-template-areas: 'a a a a' 'b b b b' 'c c c c';
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

        .bottom-register-form .form-email {
            grid-area: b / b / b / b;
        }

        .bottom-register-form .form-button {
            grid-area: c / c / c / c;
        }

            .bottom-register-form .form-button button {
                font-weight: 500;
                font-size: 18px;
                height: 100%;
                width: 100%;
            }

        .bottom-register-form .form-timer {
            grid-area: a / a / a / a;
            display: flex;
            justify-content: left;
        }

    .support__container {
        bottom: calc(18% + 90px);
        right: calc(5% + 8px);
    }

        .support__container .action__button {
            width: 55px;
            height: 55px;
            font-size: 26px;
        }

        .support__container .light__circle {
            width: 80px;
            height: 80px;
        }

        .support__container .middle__circle {
            height: 65px;
            width: 65px;
        }

        .support__container .internal__circle {
            width: 55px;
            height: 55px;
        }

        .support__container .open__block .callback__form {
            max-width: 60%;
            padding: 15px;
        }

            .support__container .open__block .callback__form .input__container input {
                padding: 0px 0;
            }

            .support__container .open__block .callback__form .input__container {
                border-radius: 11px;
                padding: 0px 5px;
                gap: 4px;
            }

            .support__container .open__block .callback__form .submit__button {
                padding: 7px 10px;
                font-size: 15px;
                border-radius: 11px;
            }

            .support__container .open__block .callback__form p {
                font-size: 13px;
                line-height: 14px;
            }

            .support__container .open__block .callback__form h4 {
                font-size: 20px;
                line-height: 18px;
            }

    .profile-page-top-grid {
        display: block;
    }

    .print-edition {
    }

    .print-edition-bg {
        height: 2000px;
    }

    .print-edition .images {
        top: 150px;
    }

    .mobile-screen-item {
        top: 150px;
        margin-bottom: 50px;
    }

    .benefits-section {
        padding-bottom: 20px;
    }

    .print-edition-title-container {
        top: 25px;
        padding: 5px;
    }

    .print-edition h2 {
        font-size: 28px;
        font-weight: 300;
        padding: 7px;
    }

    .print-edition .images .book-element {
        height: 200px;
    }

    .print-edition-subheader {
        padding: 5px;
        top: 1000px;
    }

        .print-edition-subheader h3 {
            font-size: 28px;
            padding: 5px;
        }

    .user-cabinet.user__cabinet__grid {
        display: block;
    }

    .notifications-tab {
        width: 94dvw;
        right: 10px;
        top: 2%;
        border-radius: var(--content-border-radius);
        filter: none;
        position: fixed;
        height: 93%;
        z-index: 201;
        max-height: 94dvh;
    }

    .notifications {
        width: 100%;
        height: 100%;
    }

    .popup-background {
        display: hidden;
    }

    .notifications-tab-down {
        transform: translate(0, 0);
    }

    .notifications-tab-up {
        transform: translate(0, -150%);
    }

    .menu-right .user {
        display: none;
    }

    .package-description-container {
        display: block;
    }

    .price-plan-raw {
        display: grid;
        grid-template-columns: 35px 1fr;
        gap: 0px 0px;
        height: auto;
        grid-template-areas:
            "check desc"
            "check price";
    }

    .price-el {
        padding-top: 2px;
    }

    .individual-price-plan-raw {
        display: grid;
        grid-template-columns: 35px 1fr;
        grid-template-rows: 100px;
    }

    .check {
        grid-area: check;
    }

    .desc {
        grid-area: desc;
        text-align: center;
    }

        .desc h3 {
            font-size: 20px;
        }

        .desc span {
            font-size: 10px;
        }

    .price {
        text-align: center;
        grid-area: price;
    }

    :root {
        --switch-size: 50px;
    }

    .sub-item-grid-swich h2 {
        font-size: 16px;
    }

    .checklist-item {
        font-size: 14px;
    }

    .university-header {
        font-size: 30px;
    }

    .sub-item-left-maring {
        margin-left: 0px;
        display: block;
    }

    .filter-form-components {
        display: block;
    }

    .university-search-button {
        width: 100%;
        margin: 10px 0;
    }

    .university-details-grid {
        display: block;
    }

    .search-button-area {
        display: block;
    }

        .search-button-area .form__buttons__box {
            width: 100%;
        }

    .university-image-grid {
        display: flex;
        flex-direction: column-reverse;
    }

    .details-toggle-button {
        display: block;
        width: 100%;
        margin: auto;
    }

    .university-logo-mobile {
        display: block;
        margin: auto;
    }

    .university-logo-desktop {
        display: none;
    }

    .speciality-info-underline {
        margin-bottom: 10px;
    }

    .step-course-theory-list-item {
        grid-template-columns: 1fr 50px;
        grid-template-areas: "a a" "b c";
    }

    /* Teacher cabinet */

    .chat__section {
        max-width: 100%;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        border-radius: 0;
        background: var(--light-grey);
        z-index: 57;
    }

        .chat__section .message__area {
            padding-right: 8px;
        }

        .chat__section .chat__input {
            padding: 10px 10px 10px 0;
        }

    #chat_input {
        font-size: 16px;
    }

    #lessonsBlock {
        width: 95%;
    }

    .chat__section__container {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        max-height: 100%;
    }

    .mobile__menu__block {
        display: flex;
        position: fixed;
        flex-direction: column;
        align-items: center;
        top: 0;
        left: 0;
        z-index: 2;
        background: var(--light-grey);
        width: 100%;
        height: 100%;
        overflow: hidden;
        max-height: 0;
        overflow-y: auto;
        transition: all 0.3s ease-in-out;
    }

    .teacher__cabinet__banners {
        padding: 10px 15px;
        max-width: calc(100% - 20px);
    }

    .mobile__menu__controllers {
        display: grid;
        width: calc(100% - 20px);
        grid-template-columns: 49% 49%;
        align-items: center;
        padding: 20px 10px;
    }

        .mobile__menu__controllers a {
            width: fit-content;
        }

        .mobile__menu__controllers .back {
            color: #000;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
        }

    .chat__section .chat__container .locker .chat_locker {
        padding: 3%;
    }

    .chat__section .chat__container {
        height: calc(100dvh - 10px) !important;
        padding: 5px 10px;
        width: calc(100% - 20px);
        grid-template-rows: 90px 1fr;
    }

    .chat__section .info__section .info__lessons .your__lessons__box {
        overflow: visible;
        max-height: fit-content !important;
    }

    .chat__section .chat__header {
        display: grid;
        grid-template-columns: 30% calc(40% - 20px) 30%;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        position: relative;
        margin-top: -20px;
    }

    .chat__menu__button {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        font-size: 28px;
    }

    .chat__section .chat__header .tab__buttons {
        position: absolute;
        bottom: 3px;
    }

    .mobile__teacher__name__box {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .mobile__teacher__name {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }

    .mobile__teacher__mintext {
        color: #A3A3A3;
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .chat__section .teacher__info__block {
        display: none;
    }

    .chat__info.mobile {
        display: flex;
    }

    .chat__info.full {
        display: none;
    }

    .lessons__left {
        display: flex;
        gap: 5px;
        align-items: center;
    }

        .lessons__left b {
            font-size: 32px;
            color: #000;
        }
    /* Settings */
    .chat__mobile__tabs {
        display: flex;
        border-bottom: 1px solid #D1D4E1;
        justify-content: space-around;
        align-items: center;
        gap: 15px;
    }

        .chat__mobile__tabs .tab {
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 98.9%;
            color: #A3A3A3;
            position: relative;
            padding: 5px 10px;
            cursor: pointer;
        }

            .chat__mobile__tabs .tab.active {
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 98.9%;
                color: #000;
                position: relative;
                padding: 5px 10px;
            }

            .chat__mobile__tabs .tab .selected {
                display: none;
            }

            .chat__mobile__tabs .tab.active .selected {
                display: flex;
                width: 100%;
                height: 5px;
                border-radius: 0 0 5px 5px;
                position: absolute;
                left: 0;
                bottom: -5px;
                background: var(--main-color);
            }

    .chat__lesson__render {
        display: none;
    }

        .chat__lesson__render.active {
            display: flex;
        }

    /* Prepare with teacher */

    .prepare_with_teacher .about__container,
    .prepare_with_teacher .lesson_types__container,
    .prepare_with_teacher .access_types__container,
    .prepare_with_teacher .about_teacher__container,
    .prepare_with_teacher .flipped_class__container,
    .prepare_with_teacher .advantages__container,
    .prepare_with_teacher .reviews__container,
    .prepare_with_teacher .faq__container,
    .prepare_with_teacher .header,
    .prepare_with_teacher .footer {
        width: 90%;
    }

    .prepare_with_teacher .mobile {
        display: block;
    }

    .prepare_with_teacher .full {
        display: none;
    }

    .prepare_with_teacher {
        font-size: 14px;
        line-height: 19px;
        overflow: hidden;
        padding: 0;
    }

    #about {
        background-size: 270px;
        background-position: right 4% bottom 65%;
    }

    .prepare_with_teacher .about__text {
        width: 100%;
        margin: 20px 0 50px 0;
    }

        .prepare_with_teacher .about__text p {
            width: 60%;
            font-size: 20px;
            line-height: 28px;
        }

    .prepare_with_teacher h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .prepare_with_teacher h1 {
        font-size: 66px;
        line-height: 88px;
        margin-top: -30px;
    }

    .prepare_with_teacher .about__text img {
        display: none;
    }

    .prepare_with_teacher .about__text a {
        margin-top: 20px;
    }

    .prepare_with_teacher .about__button {
        font-size: 23px;
        line-height: 32px;
        min-height: 50px;
    }

    .prepare_with_teacher .lesson_types__container h2 {
        margin: 0;
    }

    .prepare_with_teacher .lesson_types__boxes {
        grid-template-columns: 1fr;
        margin-bottom: 85px;
    }

        .prepare_with_teacher .lesson_types__box,
        .prepare_with_teacher .lesson_types__boxes .central {
            margin-top: 50px;
        }

    .prepare_with_teacher .lesson_types__box {
        padding: 20px 15px 35px 15px;
    }

    .prepare_with_teacher h3 {
        font-size: 24px;
        line-height: 33px;
    }

    .prepare_with_teacher .lesson_types__box .first {
        scale: 0.9;
    }

    .prepare_with_teacher .lesson_types__box .second {
        scale: 0.8;
        top: -85px;
    }

    .prepare_with_teacher .lesson_types__box .third {
        scale: 0.9;
        top: -45px;
    }

    .prepare_with_teacher .access_types__container h2 {
        width: 70%;
        margin-bottom: 55px;
    }

    .prepare_with_teacher .access_types__container img {
        scale: 1;
        max-width: 100px;
        top: -35px;
        right: 30%;
    }

    .prepare_with_teacher .access_types__boxes {
        grid-template-columns: 1fr;
        margin-bottom: 65px;
    }

        .prepare_with_teacher .access_types__boxes .first,
        .prepare_with_teacher .access_types__boxes .second,
        .prepare_with_teacher .access_types__boxes .third {
            transform: rotate(0deg) translateX(0px) translateY(0px);
            padding: 25px;
        }

        .prepare_with_teacher .access_types__boxes .second {
            margin: 50px 0 30px 0;
        }

    .prepare_with_teacher .access_types__box {
        box-shadow: 0px 6px 0px #000000;
        border: 1px solid #000000;
        max-width: 100%;
    }

        .prepare_with_teacher .access_types__box .text {
            font-size: 14px;
            line-height: 19px;
        }

        .prepare_with_teacher .access_types__box h3 {
            margin: 0;
        }

    .prepare_with_teacher .access_types__boxes .teacher {
        box-shadow: 0px 3.5px 0px #000000;
        border-radius: 18.5px;
        padding: 5px 30px;
        right: 15px;
        top: -30px;
        border: 1px solid #000000;
    }

        .prepare_with_teacher .access_types__boxes .teacher div {
            font-size: 24px;
            line-height: 33px;
        }

        .prepare_with_teacher .access_types__boxes .teacher p {
            font-size: 8px;
            line-height: 11px;
            margin-bottom: -7px;
        }

    .prepare_with_teacher .access_types__boxes .self {
        border: 1px solid #000000;
        box-shadow: 0px 3.5px 0px #000000;
        border-radius: 18.5px;
        transform: rotate(0deg);
        padding: 5px 20px;
        right: 5px;
        top: 8;
    }

        .prepare_with_teacher .access_types__boxes .self div {
            font-size: 12px;
            line-height: 16px;
        }

        .prepare_with_teacher .access_types__boxes .self p {
            font-size: 7px;
            line-height: 10px;
        }

    .prepare_with_teacher .about_teacher__container {
        margin: 30px 0;
    }

    .prepare_with_teacher .about_teacher__content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .prepare_with_teacher .about_teacher__photo {
        transform: scale(0.8) translateX(0) translateY(0);
    }

        .prepare_with_teacher .about_teacher__photo .photo__decor__bottom {
            left: -95px;
            bottom: -75px;
        }

        .prepare_with_teacher .about_teacher__photo .photo__decor__top {
            right: -120px;
            top: -80px;
            scale: 0.65;
        }

    .prepare_with_teacher .about_teacher__achivements {
        width: 95%;
        font-size: 14px;
        line-height: 18px;
    }

        .prepare_with_teacher .about_teacher__achivements li {
            background: url(img/prepare/li_star.png) no-repeat 0px -2px;
            background-size: 28px;
            padding-bottom: 25px;
            margin: 0;
        }

        .prepare_with_teacher .about_teacher__achivements img {
            top: -35px;
            right: -65px;
            scale: 0.5;
        }

    .prepare_with_teacher .classes_format__container h2 {
        width: 90%;
        margin: 50px 0;
    }

    .prepare_with_teacher .classes_format__container .classes_format__boxes {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }

        .prepare_with_teacher .classes_format__container .classes_format__boxes svg {
            display: none;
        }

    .prepare_with_teacher .classes_format__container .classes_format__box {
        position: relative;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 36px;
        padding: 30px 20px;
        max-width: 100%;
    }

        .prepare_with_teacher .classes_format__container .classes_format__box .number {
            position: absolute;
            top: -22px;
            left: 10px;
            font-style: normal;
            font-weight: 900;
            font-size: 68px;
            line-height: 40px;
            color: #E6D2B2;
            text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
        }

        .prepare_with_teacher .classes_format__container .classes_format__box .line {
            border: none;
            border-right: 2px solid #000;
            height: 100px;
            position: absolute;
            left: 50%;
            bottom: -102px;
        }

    .prepare_with_teacher .flipped_class__container {
        margin: 50px 0;
    }

        .prepare_with_teacher .flipped_class__container h2 {
            margin-bottom: 165px;
        }

    .prepare_with_teacher .flipped_class__box {
        width: 80%;
        font-size: 16px;
        line-height: 22px;
    }

        .prepare_with_teacher .flipped_class__box img {
            top: -50px;
            max-width: 150px;
        }

    .prepare_with_teacher .flipped_class__container .duck {
        top: -15px;
        scale: 0.5;
        right: -50px;
    }

    .prepare_with_teacher h5 {
        font-size: 32px;
        line-height: 104.9%;
        margin: 20px 0;
    }

    .prepare_with_teacher .advantages__container {
        margin-bottom: 50px;
    }

    .prepare_with_teacher .advantages__boxes {
        flex-direction: column;
        margin: 0;
    }

    .prepare_with_teacher .advantages__box {
        margin: 0 0 80px 0;
    }

        .prepare_with_teacher .advantages__box img {
            bottom: -65px;
            left: 43%;
            max-width: 115px;
        }

    .prepare_with_teacher .advantages__boxes .container {
        position: relative;
    }

    .prepare_with_teacher .advantages__box .line_left {
        position: absolute;
        border: none;
        border-top: 2px solid #000;
        left: -7%;
        bottom: 50%;
        width: 7%;
    }

    .prepare_with_teacher .advantages__box .line_right {
        position: absolute;
        border: none;
        border-top: 2px solid #000;
        right: -7%;
        left: auto;
        bottom: 50%;
        width: 7%;
    }

    .prepare_with_teacher .reviews__container .reviews__boxes {
        display: flex;
    }

        .prepare_with_teacher .reviews__container .reviews__boxes .mobile {
            display: block;
        }

        .prepare_with_teacher .reviews__container .reviews__boxes .full {
            display: none;
        }

    .prepare_with_teacher .reviews__container h2 {
        margin-top: 40px;
    }

    .prepare_with_teacher .reviews__container .reviews__box {
        width: 100%;
        padding: 25px;
    }

    .prepare_with_teacher .reviews__container .reviews__box__top__right,
    .prepare_with_teacher .reviews__container .reviews__box__top__left {
        font-size: 32px;
        line-height: 42px;
        width: 40%;
    }


        .prepare_with_teacher .reviews__container .reviews__box__top__left .stars {
            right: -18px;
            transform: scale(1);
        }

        .prepare_with_teacher .reviews__container .reviews__box__top__left .reviews__box__bottom {
            display: flex;
            align-items: center;
            font-style: normal;
            font-weight: 700;
            font-size: 38px;
            line-height: 33px;
        }

    .prepare_with_teacher .reviews__container .buttons__imitation img {
        width: 50px;
    }

    .prepare_with_teacher .reviews__container .buttons__imitation {
        font-size: 24px;
        line-height: 33px;
    }

        .prepare_with_teacher .reviews__container .buttons__imitation p {
            margin: 0 60px;
        }

    .prepare_with_teacher .faq__container .faq__box {
        font-size: 18px;
        line-height: 26px;
        padding: 15px 15px 15px 30px;
        min-height: 25px;
        border: 1px solid #000000;
        border-radius: 7px;
    }

        .prepare_with_teacher .faq__container .faq__box img {
            width: 26px;
        }

        .prepare_with_teacher .faq__container .faq__box:hover .answer {
            margin: 15px 0 5px 0;
        }

    .prepare_with_teacher .faq__container {
        margin: 50px 0;
    }

    .prepare_with_teacher .footer .imgs i {
        margin: 0 30px;
    }

    .login__main__container,
    .recovery__main__container {
        background-position: 85% 0%, 5% 23%;
    }

        .recovery__main__container .login,
        .login__main__container .login {
            flex-wrap: wrap;
            justify-content: center;
            margin: 50px 0;
        }

        .login__main__container .login {
            display: flex;
            flex-direction: column-reverse;
            margin: 0;
        }

    .login .login__image {
        width: 100%;
        background-size: contain;
        margin: 0;
        min-height: 360px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-position: center;
    }

        .login .login__image .text {
            max-width: 500px;
        }

    .recovery__main__container .login__image img {
        margin: 0 0 -55px 0;
    }

    .login .login__container {
        width: 100%;
    }

    .login .auth__switch,
    .login .input__box,
    .login .input__box.check,
    .login input,
    .login button {
        max-width: 500px;
        width: 100%;
    }

    .login h1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .recovery__main__container .logo {
        margin-bottom: 30px;
    }

    .login__main__container .login {
        font-size: 18px;
    }

    /* Banner */


    .section__banner .banner .banner__button {
        font-weight: 500;
        font-size: 14.5193px;
        line-height: 20px;
        margin-top: 20px;
    }

    .user-cabinet.user__cabinet__grid .step-course-container {
        max-width: 88vw;
    }

    .course_card_link {
        display: grid;
        grid-template-columns: 15px 20% repeat(3, 15%) 20% 10%;
        grid-template-rows: auto auto;
    }

        .course_card_link .info__container__name {
            grid-column: 2 / span 6;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .course_card_link .marker {
            grid-row: 1 / span 2;
        }

    .list-with-actions-body h3 {
        padding: 15px;
    }

    .main__container .section__start {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .main__container .menu__button.mobile {
        display: block;
        cursor: pointer;
    }

    .main__container .central__block.mobile {
        display: block;
    }

    .main__container .nav.desktop {
        display: none;
    }

    .main__container .header.mobile {
        display: grid;
        grid-template-columns: 125px 1fr 125px;
    }

    .main__container .nav.mobile.menu__open {
        position: fixed;
        display: flex;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 2;
        height: calc(100vh - 46px);
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding: 23px var(--content-padding);
        width: calc(100vw - 10vw);
        overflow-y: auto;
    }

    .main__container .nav.mobile ul {
        text-decoration: none;
        list-style: none;
        font-weight: 400;
        font-size: 24px;
        line-height: 33px;
        color: #000;
        padding: 15px 0;
    }

        .main__container .nav.mobile ul li {
            padding: 15px 0;
            border-bottom: 1px dashed var(--main-color);
        }

    .main__container .header .button {
        padding: 5px 15px;
        font-size: 18px;
    }

    .main__container .header .logo {
        text-align: center;
        justify-content: flex-end;
    }

    .main__container .background .line__one {
        top: 240px;
    }

    .main__container .background .line__two {
        top: 280px;
    }

    .main__container .section__start .button {
        margin: 150px 0 0 0;
    }

    .main__container .background .back__one {
        top: 45%;
    }

    .main__container .background .back__two {
        left: 83%;
        top: 37%;
        width: 75px;
    }

    .main__container .background .back__three {
        left: 5%;
        top: 0%;
        width: 40px;
    }

    .main__container .background .back__four {
        top: 5%;
    }

    .main__container .background .back__five {
        top: 50%;
    }

    .main__container .section__about .about__container {
        grid-template-columns: 1fr;
    }

    .main__container .section__about .about__item {
        background: linear-gradient(-45deg, #DCE3F0 65%, transparent 30%), linear-gradient(-135deg, #DCE3F0 65%, #E6EBF4 30%);
    }

    .main__container .section__banner__cover {
        background: #DCE3F0 url(img/toadvocate/Lines.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom -50px;
    }

    .main__container .section__banner {
        grid-template-columns: 1fr;
        grid-gap: 75px;
        padding: 50px var(--content-padding);
    }

        .main__container .section__banner .banner__text {
            max-width: 800px;
        }

    .main__container .section__slider .slider__box.desktop {
        display: none;
    }

    .main__container .section__slider .slider__box.mobile {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100vw;
        margin-left: -5vw;
    }

        .main__container .section__slider .slider__box.mobile .slider__box__phone {
            position: absolute;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .main__container .section__slider .slider__box.mobile .iphone {
            width: 279.5px;
            z-index: 2;
        }

    .main__container .section__slider .swiper {
        width: 250px;
        height: 507px;
    }

    .iphone__border {
        border-right: 16px solid transparent;
        border-left: 17px solid transparent;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-image: url('img/toadvocate/Iphone Mockup.png') 75 / 35px stretch;
        border-image-repeat: unset;
        border-radius: 48px 47px 50px 50px;
    }

    .main__container .swiper_bottom {
        width: 90%;
        height: min-content;
    }

    .main__container .swiper_bottom {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block;
    }

    .main__container .section__slider .swiper .mobile__screen {
        width: 250px;
    }

    .main__container .section__slider .swiper-button-next,
    .main__container .section__slider .swiper-button-prev {
        top: var(--swiper-navigation-top-offset,35%);
        font-size: 50px;
        color: #00415F;
    }

    .main__container .section__slider .slider__text__box:hover,
    .main__container .section__slider .slider__text__box {
        display: flex;
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        width: 90%;
        padding: 5%;
        margin-top: 20px;
        background: #FFFFFF;
    }

        .main__container .section__slider .slider__text__box p,
        .main__container .section__slider .slider__text__box:hover p {
            font-weight: 400;
            font-size: 20px;
            line-height: 26px;
            text-align: center;
        }

    .main__container .section__slider .swiper-button-prev:after,
    .main__container .section__slider .swiper-rtl .swiper-button-next:after,
    .main__container .section__slider .swiper-button-next:after,
    .main__container .section__slider .swiper-rtl .swiper-button-prev:after {
        content: '';
    }

    .main__container .go__up__button {
        z-index: 2;
        width: 70px;
        height: 70px;
        font-size: 50px;
        bottom: 18%;
    }

        .main__container .go__up__button.hideGoUpButton {
            z-index: 2;
            width: 70px;
            height: 70px;
            font-size: 50px;
            bottom: 18%;
        }

    .main__container .section__qa .qa__container {
        grid-template-columns: 1fr;
    }

    .main__container .section__qa h5 {
        line-height: 26px;
    }

    .main__container .section__slider .swiper-button-next {
        justify-content: flex-end;
    }

    .main__container .section__slider .swiper-button-prev {
        justify-content: flex-start;
    }

    .main__container .open__arrow {
        display: none;
    }

    .main__container .menu-right {
        display: none;
    }

    .section__edki__about .info__box {
        display: flex;
        flex-direction: column-reverse;
    }

    .edki__block .description {
        max-width: 90%;
    }

    .edki {
        background-image: radial-gradient(circle, rgb(0 102 204 / 36%) 0%, var(--light-grey) 25%), radial-gradient(circle, rgb(255 204 0 / 30%) 0%, var(--light-grey) 30%);
    }

    .edki__block {
        background-image: radial-gradient(circle, rgb(0 102 204 / 20%) 0%, var(--light-grey) 25%), radial-gradient(circle, rgb(255 204 0 / 25%) 0%, var(--light-grey) 30%);
    }

    .efvv .section__efvv__header h1 {
        max-width: 100%;
    }

    .efvv .section__efvv__header .button {
        width: auto;
    }

    .efvv .section__efvv__header .sided__text {
        position: initial;
        max-width: 100%;
        text-align: start;
    }

    .efvv__nobackground {
        padding: 30px 0 0 0;
    }

        .efvv__nobackground h3 {
            max-width: 100%;
        }

        .efvv__nobackground .section__efvv__side__text .header__box {
            grid-template-columns: 1fr;
            gap: 15px;
            margin-bottom: 20px;
        }

            .efvv__nobackground .section__efvv__side__text .header__box .side__text {
                font-size: 16px;
                padding: 0 10px;
                margin-left: -3px;
            }

        .efvv__nobackground .section__efvv__side__text .after__text {
            font-size: 16px;
        }

        .efvv__nobackground .section__efvv__text .background {
            margin: 0;
            padding: 30px 15px;
        }

        .efvv__nobackground .description {
            font-size: 16px;
        }

        .efvv__nobackground .section__efvv__text .background .main__text {
            font-size: 16px;
        }

        .efvv__nobackground .section__efvv__list ul li {
            line-height: 100%;
            font-size: 16px;
        }

    .text__logo__bunner .button {
        font-size: 18.671px;
        padding: 20px 30px;
    }

    /* Review Template*/

    .reviews__template .reviewSwiper3,
    .reviews__template .reviewSwiper4 {
        display: none;
    }

    .main-button-wrapper {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .universities__select__container {
        right: 5vw;
    }

    .tabs__container {
        margin-left: -6vw;
        width: 100vw;
    }

    .user-task .tasks__report {
        position: absolute;
        width: 100%;
        top: calc(100% + 15px);
    }

    .test__placeholder,
    .user-task.exam__review .task__root__box {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

        .test__placeholder .tasks__report,
        .user-task.exam__review .tasks__report {
            position: relative;
            width: 100%;
        }

    .personalisation__exam .user-task .tasks__report {
        top: calc(100% + 90px);
        max-width: calc(90vw - 40px);
    }

    .report-button {
        max-width: 100%;
    }

    .step-course-container .user-task .buttons__box.onebutton {
        grid-template-columns: 0 100%;
        gap: 0;
    }

    .side__boxes__profile {
        background: var(--light-grey);
        max-height: 100%;
        height: calc(100dvh - 120px);
        position: fixed;
        bottom: 0;
        left: 0;
        width: 90%;
        padding: 20px 5% 100px 5%;
        z-index: 10;
        opacity: 1;
        display: block;
        transition: all 0.3s;
    }

        .side__boxes__profile.is-hidden {
            height: 0;
            opacity: 0;
        }

    .banner__exams__boxes {
        max-height: calc(100dvh - 145px);
    }

        .banner__exams__boxes.is-hidden {
            display: none;
        }

    .study__format__section .buttons__box {
        gap: 20px;
        flex-direction: column;
        padding: 20px 0 50px 0;
    }

        .study__format__section .buttons__box .option__block {
            margin: 0;
            padding: 35px 20px;
            max-width: calc(100% - 40px);
            min-height: 0;
        }

            .study__format__section .buttons__box .option__block:hover {
                margin: 0;
                max-width: calc(100% - 40px);
                min-height: 0;
            }

            .study__format__section .buttons__box .option__block .hover__block {
                display: flex;
            }

            .study__format__section .buttons__box .option__block .img__box {
                height: 200px;
            }

            .study__format__section .buttons__box .option__block h3,
            .study__format__section .buttons__box .option__block:hover h3 {
                font-size: 39px;
            }

            .study__format__section .buttons__box .option__block .small__text,
            .study__format__section .buttons__box .option__block:hover .small__text {
                font-size: 14px;
            }

    .study__format__section p {
        line-height: 14px;
    }

    .study__format__section h2 {
        line-height: 24px;
    }

    .category__header .category__info {
        grid-template-columns: 1fr;
    }

        .category__header .category__info .button__box {
            justify-content: center;
        }

    .category__header .button {
        width: 100%;
    }

    .category__header hr {
        margin-left: -5vw;
        width: calc(100% + 10vw);
    }

    .login button.google__button {
        flex-direction: column;
        width: 100%;
    }

        .login button.google__button .img__box {
            padding: 0;
        }

    .email__verification h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .personalisation__exam__block .decktop-user-task.exam {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

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

        .section__smallblocklist__template .blocks__container .block .top .texts h2 {
            font-size: 90px;
            line-height: 100%;
        }

            .section__smallblocklist__template .blocks__container .block .top .texts h2 span {
                font-size: 48px;
            }

        .section__smallblocklist__template .blocks__container .block .top .img__box {
            max-width: 160px;
        }

    .section__stackingcards__template .blocks__container .card .text::after,
    .section__stackingcards__template .blocks__container .card.yellow .text::after,
    .section__stackingcards__template .blocks__container .card.bottom__right .text::after,
    .section__stackingcards__template .blocks__container .card.bottom__right.yellow .text::after,
    .section__stackingcards__template .blocks__container .card.bottom__center .text::after {
        display: none;
    }

    .webinar__registrationfull__template {
        grid-template-columns: minmax(0, 1fr);
    }

        .webinar__registrationfull__template .text__block h2 {
            font-size: 38px;
        }

    .round__img__withtext__template .blocks__contsiner {
        grid-template-columns: minmax(0, 1fr);
    }

    .webinar__registration__template .registration__form .form__box .timer__container {
        grid-template-columns: 1fr minmax(0, 200px);
    }

    .webinar__registration__template .registration__form .form__box .registration__button {
        font-size: 32px;
    }

    .video__with__text__template .template__container {
        grid-template-columns: 1fr;
    }

        .video__with__text__template .template__container .top__text {
            grid-column: 1;
            grid-row: 1;
        }

        .video__with__text__template .template__container .video__container {
            grid-column: 1;
            grid-row: 2;
        }

        .video__with__text__template .template__container .main__text {
            grid-column: 1;
            grid-row: 3;
        }

    .text__block__with__groups .block__container {
        grid-template-columns: minmax(0, 1fr);
    }

    .course__registration__template .registration__form {
        padding: 30px 20px;
    }

    .with__variable__button__block .layout {
        grid-template-columns: 1fr 1.5fr;
        grid-template-rows: 1fr minmax(60px, 60px);
    }

        .with__variable__button__block .layout .main__bottom__extension::before {
            bottom: 50px;
            clip-path: path("M -8 0 L 22 0 Q 0 0 1 16 Z");
        }

        .with__variable__button__block .layout .main__bottom__extension,
        .with__variable__button__block .layout .main__block,
        .with__variable__button__block .layout .button__block {
            border-radius: 10px;
        }

            .with__variable__button__block .layout .main__block h3 {
                font-size: 26px;
                background-size: contain;
            }

            .with__variable__button__block .layout .main__block .main__text {
                font-size: 20px;
            }

        .with__variable__button__block .layout .button__block {
            font-size: 16px;
        }

    .subjects__list__box .subject__box .progress__bar .progress__percent {
        left: 5px;
    }

    .subjects__list__box .subject__box .progress__bar .progress__categories {
        right: 5px;
    }

    .subjects__list__box .subject__box .progress__bar .progress__percent,
    .subjects__list__box .subject__box .progress__bar .progress__categories {
        transform: translate(0, -50%);
        font-size: 12px;
    }

    .left-right-container .variants {
        grid-template-columns: 1fr;
    }

    .black__with__lines .black__with__lines__section .pre__text {
        font-size: 28px;
        max-width: 320px;
    }

    .black__with__lines .black__with__lines__section h1 {
        font-size: 100px;
    }

    .black__with__lines .black__with__lines__section .after__text {
        font-size: 20px;
    }

    .black__with__lines .line__leftbottom__to__lefttop,
    .black__with__lines .line__righttop__to__rightbottom {
        height: 36px;
        font-size: 30px;
    }

    .black__with__lines .line__rightbottom__to__righttop,
    .black__with__lines .line__lefttop__to__leftbottom,
    .black__with__lines .line__rightbottom__to__righttop__wrap,
    .black__with__lines .line__lefttop__to__leftbottom__wrap {
        height: 46px;
        font-size: 30px;
    }

    .black__with__lines .line__rightbottom__to__righttop__wrap {
        transform: rotate(-48deg) translateY(0px) translateX(0px);
    }

    .black__with__lines .line__rightbottom__to__righttop {
        transform: rotate(-50deg) translateY(0px) translateX(0px);
    }

    .black__with__lines .line__righttop__to__rightbottom {
        transform: rotate(60deg) translateY(0px) translateX(-130px);
    }

    .black__with__lines .line__lefttop__to__leftbottom__wrap {
        transform: rotate(53deg) translateY(0px) translateX(80px);
    }

    .black__with__lines .line__lefttop__to__leftbottom {
        transform: rotate(55deg) translateY(0px) translateX(80px);
    }

    .black__with__lines .line__leftbottom__to__lefttop {
        transform: rotate(-58deg) translateY(0px) translateX(65px);
    }

    .black__with__lines .cover {
        padding: 100px 0 100px 0;
    }

    .main__container .header.transparent__mode .button {
        background: #00415F;
    }

        .black__full__banner .black__full__banner__section .central h2 {
            font-size: 60px;
            line-height: 55px;
        }

        .black__full__banner .black__full__banner__section .central .bottom__text {
            font-size: 18px;
        }

        .black__full__banner .black__full__banner__section .button {
            font-size: 18px;
            border-radius: 11px;
        }
}

@media (max-width:850px) {

    .prepare_with_teacher .access_types__container img {
        scale: 1;
        max-width: 100px;
        top: -35px;
        right: 0;
    }

    .prepare_with_teacher .classes_format__container .classes_format__box {
        position: relative;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 21px;
        padding: 30px 20px;
        max-width: 100%;
    }

        .prepare_with_teacher .classes_format__container .classes_format__box .number {
            font-size: 58px;
        }

    .prepare_with_teacher .reviews__container .reviews__box__top__right,
    .prepare_with_teacher .reviews__container .reviews__box__top__left {
        font-size: 22px;
        line-height: 32px;
    }

    .unsubsriptions img {
        max-width: 320px;
    }

    .unsubsriptions {
        background-size: 35% 39%, 42% 38%;
    }

    /* Banner */

    .section__banner .banner h1 {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
    }

    .section__banner .banner .banner__text {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        padding: 0;
    }

    .main__container {
        background: url(img/toadvocate/Group_back_dots.png) no-repeat top 10% right -45px, url(img/toadvocate/Rectangle\ 340.svg) no-repeat top -5% right -975px, url(img/toadvocate/Rectangle\ 340.svg) no-repeat top 0% left -1000px, url(img/toadvocate/Group_back_dots.png) no-repeat top 45% center, url(img/toadvocate/Rectangle\ 340.svg) no-repeat top 50% left -500px, url(img/toadvocate/Group_back_dots.png) no-repeat top 100% right 50px, url(img/toadvocate/Rectangle\ 340.svg) no-repeat top 120% center, repeating-linear-gradient(90deg, #F5F5F5, #F5F5F5 73px, #F2F2F2 0, #F2F2F2 75px);
    }

        .main__container h1 {
            font-size: 34px;
        }

        .main__container .background .line__one {
            top: 200px;
        }

        .main__container .background .line__two {
            top: 230px;
        }

        .main__container .section__purpose h3 {
            font-size: 24px;
            line-height: 33px;
        }

        .main__container .section__purpose ul {
            font-size: 16px;
            line-height: 17px;
        }

            .main__container .section__purpose ul li {
                padding: 10px 0 10px 50px;
                background: url(img/toadvocate/Ellipse\ 62.svg) no-repeat 10px center;
            }

        .main__container h3 {
            font-size: 24px;
            line-height: 33px;
        }

        .main__container .section__about p {
            font-size: 16px;
            line-height: 22px;
        }

        .main__container .section__about .about__item {
            padding: 20px;
            min-height: 140px;
        }

            .main__container .section__about .about__item p {
                font-size: 20px;
                line-height: 27px;
            }

        .main__container .section__program .program__box__header {
            grid-template-columns: 60px 1fr 70px;
        }

            .main__container .section__program .program__box__header .program__img {
                font-size: 40px;
                padding: 15px 0;
            }

            .main__container .section__program .program__box__header .program__name {
                font-size: 24px;
                line-height: 25px;
            }

        .main__container .section__program .program__box__body {
            font-size: 16px;
            line-height: 24px;
        }

        .main__container .section__banner__cover {
            background-position: center;
        }

        .main__container .section__banner .banner__text p {
            font-size: 20px;
        }

        .main__container .section__slider .swiper-button-next,
        .main__container .section__slider .swiper-button-prev {
            justify-content: center;
        }

    /* Chat Banner */

    .demo__logic__container {
        grid-template-columns: 1fr;
        position: relative;
    }

        .demo__logic__container .button__mobile {
            display: flex;
            margin-top: -25px;
        }

        .demo__logic__container .button__full {
            display: none;
        }

        .demo__logic__container .img {
            display: flex;
            justify-content: flex-end;
            position: initial;
        }

            .demo__logic__container .img .price__button {
                top: -18px;
            }

    /* Chat Lessons Info */

    .chat__section .info__section .info__lessons .your__lesson .head {
        grid-template-columns: 1fr;
        position: relative;
    }

    .chat__section .your__lesson .head .buttons {
        margin-left: 25px;
        justify-content: flex-start;
    }

    .chat__section .info__section .info__lessons .your__lesson .head .info__lesson {
        max-width: 85%;
        padding: 10px 0;
    }

    .chat__section .your__lesson .head .buttons .toggle__button {
        position: absolute;
        top: 15px;
        right: 2%;
    }

    .chat__section .your__lesson .description .description__box {
        display: flex;
        flex-direction: column-reverse;
    }

    .chat__section .your__lesson .head .buttons .past {
        padding: 0px 0 13px 0px;
    }

    .chat__section .your__lesson.incoming .head .buttons .incoming {
        padding-bottom: 7px;
    }

    .chat__section .your__lesson.incoming.group .head .buttons .group {
        padding-bottom: 7px;
    }

    .chat__section .your__lesson.open .description {
        max-height: 350px;
    }

    .edki__block .section__edki__slider .slider__box .img {
        display: none;
    }

    .edki__block .section__edki__slider .slider__box .swiper,
    .edki__block .section__edki__slider .slider__box .swiper_bottom,
    .edki__block .section__edki__slider .slider__box .swiper-wrapper,
    .edki__block .section__edki__slider .slider__box .swiper-slide {
        max-width: 80vw;
    }

    .section__edki__header .after__text p {
        font-size: 26px;
    }

    .section__edki__header .button {
        font-size: 20px;
        padding: 10px 50px;
    }

    .edki__banner .banner__button__cover {
        gap: 15px;
        flex-direction: column;
    }

    .package__container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .section__tznk__columns .subtitle {
        font-size: 12px;
    }

    .section__tznk__columns ul {
        grid-template-columns: 1fr;
    }

        .section__tznk__columns ul .additional {
            display: none;
        }

    .section__tznk__banners .bunner__content {
        grid-template-columns: 1fr;
    }

        .section__tznk__banners .bunner__content .texts h3 {
            font-size: 22px;
        }

        .section__tznk__banners .bunner__content .texts .text {
            font-size: 14px;
        }

    .section__tznk__list ol li .li {
        grid-template-columns: 90px 1fr;
    }

        .section__tznk__list ol li .li .number {
            font-size: 44px;
        }

        .section__tznk__list ol li .li .text h2 {
            font-size: 22px;
        }

        .section__tznk__list ol li .li .text p {
            font-size: 14px;
        }

    .section__tznk__list .additional__p {
        font-size: 12px;
    }

    .section__tznk__ourproducts .box {
        grid-template-columns: 1fr;
    }

        .section__tznk__ourproducts .box .products {
            align-items: flex-start;
            flex-direction: column;
            gap: 25px;
        }

    .section__efvv__banner .banner .banner__content {
        padding: 15px 0;
    }

        .section__efvv__banner .banner .banner__content h1 {
            font-size: 26px;
        }

        .section__efvv__banner .banner .banner__content .banner__text {
            font-size: 14px;
        }

        .section__efvv__banner .banner .banner__content a {
            margin-top: 10px;
        }

            .section__efvv__banner .banner .banner__content a .banner__button {
                padding: 10px 25px;
                font-size: 16px;
            }

    .step-course-container.chunk__based .result__container .text {
        font-size: 24px;
    }

    .step-course-container.chunk__based .result__container h3 {
        font-size: 36px;
        line-height: 31px;
    }

    .step-course-container.chunk__based .result__container .img {
        max-width: 100%;
        max-height: 255px;
    }

    .profile-page .button.bigtext {
        font-size: 18px;
        font-weight: 600;
        max-width: calc(130px - 60px);
    }

    .subject__box .chunk__list .theme__block {
        grid-template-columns: 10px minmax(0, 1fr) minmax(0, 130px);
    }

    .user-task h1 {
        font-size: 24px;
        color: #000;
        font-weight: bold;
        line-height: 33px;
        margin-bottom: 0;
    }

    .theory h1 {
        font-size: 36px;
    }

    .notimelimit__exam__name {
        font-size: 28px;
        font-weight: 900;
    }

    .personalisation__quiz .text__block h2 {
        font-size: 34px;
        font-weight: 900;
    }

    .personalisation__quiz .text__block .subtitle {
        font-size: 14px;
    }

    .personalisation__quiz .text__block p {
        font-size: 14px;
    }

    .section__stackingcards__template .blocks__container .card .text p {
        font-size: 26px;
    }

    .section__stackingcards__template .blocks__container .card.yellow,
    .section__stackingcards__template .blocks__container .card.bottom__right.yellow,
    .section__stackingcards__template .blocks__container .card.bottom__center,
    .section__stackingcards__template .blocks__container .card.bottom__right,
    .section__stackingcards__template .blocks__container .card {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .user-task .notimelimit__exam__name {
        font-size: 28px;
        font-weight: 900;
    }

    .canvas__animation__box {
        max-height: 255px;
        max-width: 435px;
    }

    .canvas__animation__box.endbox {
        max-width: 340px;
    }
}

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

    .subject__box .chunk__item .chunk__counts .name {
        font-size: 12px;
    }

    .subject__box .chunk__item .status {
        font-size: 16px;
        margin-right: 0;
    }

    .subject__box .chunk__item.timer__chunk {
        grid-template-columns: 50px minmax(120px, 1fr) 135px;
        gap: 5px;
    }

        .subject__box .chunk__item.timer__chunk .badge__box {
            max-width: 50px;
        }

        .subject__box .chunk__item .stats__box {
            gap: 0;
        }

    .subject__box .chunk__item.timer__chunk .stats__box .chunk__name {
        font-size: 16px;
    }

    .subject__box .chunk__item .row__number {
        margin-top: -50px;
    }

    .subject__box .chunk__item .chunk__counts .round__number {
        width: 50px;
        font-size: 16px;
    }

    .subject__box .chunk__item .counts {
        grid-template-columns: 50px minmax(80px, 1fr);
        width: 100%;
        text-align: center;
        align-items: end;
    }

    .subject__box .chunk__item .chunk__counts .success__box,
    .subject__box .chunk__item .chunk__counts .success__box .success__rate {
        height: 22px;
    }

        .subject__box .chunk__item .chunk__counts .success__box .text {
            font-size: 16px;
        }

    .subject__box .header__withbutton h2 {
        font-size: 20px;
    }

    .category__header .category__info .info .data .stats__block .name,
    .category__header .category__info .info .data .stats__block .name__fullscreen,
    .category__header .category__info .info .data .stats__block .shorten__name,
    .subject__box .category__statistics .stats__block .name,
    .subject__box .category__statistics .stats__block .name__fullscreen,
    .subject__box .category__statistics .stats__block .shorten__name {
        font-size: 12px;
    }

    .category__header .category__info .info .data .stats__block h3,
    .subject__box .category__statistics .stats__block h3 {
        font-size: 15px;
    }

    .subject__box .category .header__withbutton,
    .subject__box .header__withbutton {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

        .subject__box .header__withbutton.categorydriven .button {
            display: none;
        }

        .subject__box .header__withbutton.nochunksdriven {
            flex-direction: column;
        }

    .subject__box .button.mobile {
        display: flex;
    }

    .subject__box .button.big {
        margin: 15px 0;
        width: calc(100% - 100px)
    }

    .subject__box .theory__button__link {
        width: 100%;
    }

    .subject__box .button.theory__button.big {
        width: calc(100% - 100px);
    }

    .subject__box .fullwidth__mobile {
        width: calc(100% - 60px);
    }

    .subject__box .locker__button__box {
        position: relative;
    }

    .email__verification {
        margin: 40px auto;
    }

        .email__verification .img__box {
            margin-top: -30px;
        }

    .personalisation__start.results,
    .personalisation__start {
        margin: 0;
    }

        .personalisation__start .blocks .start__block h1 {
            font-size: 36px;
            font-weight: 700;
        }

        .personalisation__start .blocks .start__block .text {
            font-size: 12px;
            margin: 10px 0;
        }

        .personalisation__start .blocks .start__block .demo__button a {
            min-height: 64px;
            font-size: 28px;
            max-width: 100%;
            border-radius: 14px;
        }

    .personalisation__exam .intro h2 {
        font-size: 34px;
    }

    .personalisation__exam .intro p {
        font-size: 15px;
    }

    .personalisation__exam .intro .button {
        font-size: 22px;
        min-height: 55px;
        border-radius: 15px;
    }

    .personalisation__quiz .quiz__block {
        max-width: 100%;
    }

    .personalisation__start {
        background-size: contain;
    }

    .our__other__products .projects {
        grid-template-columns: 1fr;
    }

    .personalisation__start.start {
        padding-top: 50px;
    }

    .black__full__banner .black__full__banner__section {
        grid-template-columns: 1fr minmax(330px, 1fr) 1fr;
    }

        .black__full__banner .black__full__banner__section .central h2 {
            font-size: 40px;
            line-height: 35px;
        }

        .black__full__banner .black__full__banner__section .central .bottom__text {
            font-size: 14px;
        }

        .black__full__banner .black__full__banner__section .button {
            font-size: 14px;
            border-radius: 11px;
            padding: 12px 14px;
        }
}

@media only screen and (max-width: 780px) {
    .personalisation__start .swiper-wrapper {
        grid-template-columns: minmax(90dvw, 95dvw) minmax(90dvw, 95dvw);
        gap: 10px;
        justify-items: center;
    }

    .personalisation__start .swiper-slide-next {
        margin-left: -50dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 50dvw;
    }
}

@media (max-width:650px) {
    .section__banner .banner {
        display: flex;
        flex-direction: column-reverse;
    }

        .section__banner .banner .banner__content {
            padding: 10px 0;
        }

    .section__efvv__banner .banner .banner__img {
        position: relative;
        max-width: 100%;
        justify-content: center;
    }

    .section__efvv__banner .banner .banner__content {
        padding: 15px 0 0 0;
        max-width: 100%;
    }

    .user-quiz-list-container {
        min-width: 100%;
    }

    .custom__select__arrow.is__small {
        top: 20px;
        font-size: 26px;
    }

    .custom__select__arrow.open {
        font-size: 26px;
        top: 30px;
    }

    .custom__select__arrow.is__small.open {
        top: 14px;
    }

    .course__registration__template .registration__form .form__container .form__box .submit__button {
        font-size: 16px;
    }

    .section__stackingcards__template .blocks__container .card .text p {
        font-size: 22px;
    }

    .custom__select__input {
        font-size: 18px;
        padding: 20px 40px 20px 20px;
    }

    .custom__select__option {
        font-size: 16px;
        padding: 20px 20px 40px 20px;
        width: calc(100% - 40px);
        line-height: 18px;
    }

    .section__stackingcards__template .blocks__container .card.yellow,
    .section__stackingcards__template .blocks__container .card.bottom__right.yellow,
    .section__stackingcards__template .blocks__container .card.bottom__center,
    .section__stackingcards__template .blocks__container .card.bottom__right,
    .section__stackingcards__template .blocks__container .card {
        padding: 50px 20px;
    }

    .personalisation__start .swiper-slide-next {
        margin-left: -35dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 35dvw;
    }

    .webinar__registration__template .registration__form .form__box .registration__button {
        font-size: 26px;
    }

    .video__with__text__template .template__container .top__text {
        font-size: 24px;
        padding: 15px 20px;
        border-radius: 22px;
    }

    .video__with__text__template .template__container .main__text {
        font-size: 16px;
        padding: 20px;
    }

    .black__full__banner .black__full__banner__section {
        grid-template-columns: 1fr minmax(200px, 1fr) 1fr;
    }

        .black__full__banner .black__full__banner__section .button {
            padding: 5px 10px
        }
}

@media (max-width:550px) {
    .login .login__image {
        width: 95%;
        background-size: 325px;
        padding: 0px 10px;
    }

    .course_card_link .info__container__name h5,
    .course_card_link .info__container h5 {
        font-size: 12px;
        line-height: 16px;
    }

    .course_card_link .info__container .info__property,
    .course_card_link .info__container__name .info__property {
        font-size: 16px;
        line-height: 22px;
        gap: 5px;
        padding: 5px 0;
    }

        .course_card_link .info__container .info__property i {
            font-size: 40px;
        }

    .course_card_link:hover .info__container .info__property i {
        font-size: 40px;
        margin-bottom: -10px;
    }

    .main__container .background .back__two {
        width: 50px;
    }

    .main__container h1 {
        font-size: 24px;
    }

    .main__container .section__start {
        padding-top: 75px;
    }

        .main__container .section__start .button {
            font-size: 24px;
            padding: 20px 5px;
            width: 100%;
        }

    .teacher__info__block .teacher__info__top {
        grid-template-columns: 65% 35%;
    }

    .section__edki__header .after__text p {
        font-size: 18px;
    }

        .section__edki__header .after__text p img {
            display: none;
        }

    .efvv {
        padding: 30px 0;
    }

        .efvv .section__efvv__header h1 {
            font-size: 19.741px;
        }

        .efvv .section__efvv__header .after__text {
            font-size: 16px;
        }

        .efvv .section__efvv__header .sided__text {
            font-size: 13px;
        }

    .section__efvv__text .main__text .text-huge {
        font-size: 22.531px;
    }

    .section__efvv__text .main__text .text-tiny {
        font-size: 12px;
        line-height: normal;
    }

    /* Review Template*/

    .reviews__template .review__header h5 {
        font-size: 11px;
    }

    .reviews__template .review__header .date {
        font-size: 8px;
    }

    .reviews__template .review {
        font-size: 12px;
    }

    .reviews__template .stars {
        transform: scale(0.5) translateX(10px);
        display: flex;
    }

    .personalisation__start .swiper-slide-next {
        margin-left: -25dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 25dvw;
    }

    .webinar__registration__template .registration__form .form__box .timer__container {
        grid-template-columns: 1fr;
    }

    .remaining-timer {
        justify-content: center;
    }
}

@media (max-width:500px) {
    .subject__box .chunk__item {
        grid-template-columns: 20px minmax(160px, 255px) 140px;
    }

    .steps__bar {
        justify-content: start;
        max-width: calc(100vw + 250px);
        overflow: hidden;
        margin-left: -190px;
    }

    .section__stackingcards__template .blocks__container .card .text p {
        font-size: 18px;
    }

    .steps__bar.results {
        margin-left: -390px;
        max-width: calc(100vw + 425px);
    }

    .personalisation__start .swiper-slide-next {
        margin-left: -18dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 18dvw;
    }

    .webinar__registrationfull__template .registration__form .header__container .timer__container .registration__title {
        font-size: 28px;
    }

    .webinar__registration__template .registration__form .form__box .registration__button,
    .webinar__registrationfull__template .registration__form .form__box .registration__button {
        font-size: 28px;
    }

    .round__img__withtext__template .blocks__contsiner .block__box {
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 20px;
    }

        .round__img__withtext__template .blocks__contsiner .block__box .img__box {
            width: 100px;
            height: 100px;
        }

            .round__img__withtext__template .blocks__contsiner .block__box .img__box img {
                width: 100px;
                height: 100px;
            }

    .text__block__with__groups .block__container .main__block .text-big {
        font-size: 20px;
        line-height: 100%;
    }

    .text__block__with__groups .block__container .groups .group__block .left h4 {
        font-size: 22px;
    }

    .text__block__with__groups .block__container .groups .group__block .left .text {
        font-size: 14px;
    }

    .text__block__with__groups .block__container .groups .group__block {
        grid-template-columns: 1fr 110px;
    }

        .text__block__with__groups .block__container .groups .group__block .right .label__text {
            border-radius: 20px;
        }

        .text__block__with__groups .block__container .groups .group__block .right .button {
            font-size: 16px;
        }
}

@media (max-width:450px) {
    .chat__section .chat__input i::before {
        font-size: 28px;
    }

    .prepare_with_teacher .about__container h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .prepare_with_teacher h1 {
        font-size: 48px;
        line-height: 68px;
        margin-top: -30px;
    }

    .prepare_with_teacher .about__text a {
        max-width: none;
    }

    .prepare_with_teacher .advantages__box img {
        bottom: -65px;
        left: 33%;
        max-width: 115px;
    }

    .prepare_with_teacher .access_types__container img {
        scale: 1;
        max-width: 100px;
        top: -15px;
    }

    .prepare_with_teacher .classes_format__container .classes_format__box {
        position: relative;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 19px;
        padding: 30px 20px;
        max-width: 100%;
    }

        .prepare_with_teacher .classes_format__container .classes_format__box .number {
            font-size: 48px;
        }

    .prepare_with_teacher .reviews__container .reviews__box__top__right,
    .prepare_with_teacher .reviews__container .reviews__box__top__left {
        font-size: 14px;
        line-height: 19px;
    }

        .prepare_with_teacher .reviews__container .reviews__box__top__left .stars {
            right: -18px;
            transform: scale(0.7);
        }

    .prepare_with_teacher .reviews__container h5 {
        font-size: 24px;
        line-height: 33px;
        margin: 0;
    }

    .prepare_with_teacher .reviews__container .reviews__box__top__left .reviews__box__bottom img {
        max-width: 85px;
        margin-left: 5px;
    }

    .prepare_with_teacher .reviews__container .reviews__box__top__left .reviews__box__bottom {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 33px;
    }


    .prepare_with_teacher .faq__container .faq__box {
        font-size: 11px;
        line-height: 15px;
    }

    #about {
        background: none;
    }

    .about__text__watch_mob {
        width: 100%;
        background: url(img/prepare/watch.png) no-repeat right;
        background-size: contain;
        padding: 10px 0 65px 0;
    }

    .prepare_with_teacher .about__text p {
        width: 60%;
        font-size: 14px;
        line-height: 19px;
    }

    .unsubsriptions {
        background-size: 35% 16%, 42% 29%;
        background-position: 77% 67%, 0% 88%;
    }




    /* Banner */
    .section__banner .banner h1 {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }

    .section__banner .banner .banner__text {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        padding: 0;
    }

    /* Notifications */

    .notifications-tab {
        width: 87dvw;
        max-height: 92dvh;
    }

    .course_card_link .info__container .info__property i {
        font-size: 34px;
        margin-left: -10px;
    }

    .course_card_link .info__container {
        padding: 5px 10px;
    }

    .course_card_link .info__container__name {
        align-items: flex-start;
        text-align: left;
    }

    .user-cabinet .step-course-container .packages-tabs .tab-item:hover {
        border-bottom: 2px solid #D1D1D6;
    }

        .user-cabinet .step-course-container .packages-tabs .tab-item:hover h1 {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
        }

    .user-cabinet .step-course-container .packages-tabs .active h1,
    .user-cabinet .step-course-container .tab-item h1 {
        font-size: 16px;
        line-height: 22px;
    }

    .user-cabinet .step-course-container .packages-tabs .tab-item.active {
        border-bottom: 2px solid #000;
    }

    .main__container .header .button {
        padding: 0px 10px;
        font-size: 14px;
        border-radius: 5px;
    }

    .main__container .header.mobile {
        display: grid;
        grid-template-columns: 80px 1fr 80px;
    }

    .edki__block .section__edki__slider h3 {
        background-position: 0 100%;
        background-size: 25%;
    }

    .edki__block .section__edki__arrowlist .description img {
        display: none;
    }

    .edki__banner .banner__button__cover .banner__button {
        padding: 15px 45px;
    }

    .edki__banner .banner__button__cover .banner__bottom__text {
        font-size: 26px;
    }

    ::-webkit-input-placeholder {
        font-size: 18px;
    }

    .login input {
        padding-left: 18px;
    }

    .personalisation__start .blocks .standard__plan__block,
    .personalisation__start .blocks .personalisation__block {
        width: 330px;
    }

    .personalisation__start .blocks .package__box {
        max-width: 280px;
    }

    .package__box h3 {
        font-size: 34px;
    }

    .personalisation__start .swiper-wrapper {
        grid-template-columns: minmax(90dvw, 90dvw) minmax(86dvw, 90dvw);
    }

    .personalisation__start .swiper-slide-next {
        margin-left: -18dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 18dvw;
    }

    .tip__content__block {
        max-width: calc(100dvw - 60px);
    }

    .canvas__animation__box.end svg {
        margin-top: -40px;
    }

    .black__with__lines .black__with__lines__section .pre__text {
        font-size: 18px;
        max-width: 200px;
    }

    .black__with__lines .black__with__lines__section h1 {
        font-size: 70px;
    }

    .black__with__lines .black__with__lines__section .after__text {
        font-size: 14px;
    }
}

@media (max-width:425px) {
    .hero-section h1 {
        font-size: 40px;
    }

    .universities__select__container {
        position: relative;
        right: 0;
    }

    .error-page .error-page-title h1 {
        font-size: 30px;
    }

    .section__smallblocklist__template .blocks__container .block .top .texts h2 {
        font-size: 55px;
        line-height: 46px;
    }

        .section__smallblocklist__template .blocks__container .block .top .texts h2 span {
            font-size: 20px;
        }

    .section__smallblocklist__template .blocks__container .block .top .img__box {
        max-width: 140px;
    }

    .section__smallblocklist__template .blocks__container .block .bottom {
        font-size: 16px;
        line-height: 100%;
    }

    .black__full__banner .black__full__banner__section {
        grid-template-columns: minmax(50px, 1fr) minmax(150px, 1fr) 1fr;
    }

        .black__full__banner .black__full__banner__section .central h2 {
            font-size: 30px;
            line-height: 26px;
        }


        .black__full__banner .black__full__banner__section .button {
            font-size: 12px;
            line-height: 14px;
        }
}

@media (max-width:390px) {
    .personalisation__start .blocks .standard__plan__block,
    .personalisation__start .blocks .personalisation__block {
        width: 310px;
    }

    .personalisation__start .blocks .package__box {
        max-width: 260px;
    }

    .personalisation__start .swiper-slide-next {
        margin-left: -7dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 7dvw;
    }

    .package__box h3 {
        font-size: 30px;
    }

    .webinar__registrationfull__template .registration__form .header__container .timer__container .registration__title {
        font-size: 22px;
    }

    .webinar__registration__template .registration__form .form__box .registration__button,
    .webinar__registrationfull__template .registration__form .form__box .registration__button {
        font-size: 22px;
    }
}

@media (max-width:360px) {
    .subject__box .chunk__item {
        grid-template-columns: 20px minmax(160px, 1fr) 80px;
    }

        .subject__box .chunk__item.timer__chunk {
            grid-template-columns: 35px minmax(135px, 1fr) 80px;
        }

            .subject__box .chunk__item.timer__chunk .badge__box {
                max-width: 35px;
            }

    .profile-page .button.bigtext {
        font-size: 12px;
        padding: 0 15px;
        font-weight: 500;
        max-width: calc(100px - 30px);
    }

    .subject__box .chunk__list .theme__block {
        grid-template-columns: 10px minmax(0, 1fr) minmax(0, 80px);
    }

    .personalisation__start .blocks .standard__plan__block,
    .personalisation__start .blocks .personalisation__block {
        width: 270px;
    }

    .personalisation__start .blocks .package__box {
        max-width: 220px;
    }

    .personalisation__start .swiper-slide-next {
        margin-left: -15dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 15dvw;
    }
}

@media (max-width:360px) {
    .prepare_with_teacher h1 {
        font-size: 47px;
        line-height: 160%;
    }

    .prepare_with_teacher .about__text p {
        width: 56%;
    }

    .course_card_link {
        grid-template-columns: 15px 23% repeat(2, 10%) 19% 20% 12%;
    }

    .steps__bar {
        max-width: calc(100vw + 325px);
    }

    .global__rating__container .rating__box .box .name {
        width: 110px;
    }

    .round__img__withtext__template .blocks__contsiner .block__box {
        grid-template-columns: 70px minmax(0, 1fr);
    }

        .round__img__withtext__template .blocks__contsiner .block__box .img__box {
            width: 70px;
            height: 70px;
        }

            .round__img__withtext__template .blocks__contsiner .block__box .img__box img {
                width: 70px;
                height: 70px;
            }

    .remaining-timer {
        grid-template-columns: 41px 8px 38px 8px 38px 8px 38px;
    }
}

@media (max-width:320px) {

    .personalisation__start .swiper-slide-next {
        margin-left: -7dvw;
    }

    .personalisation__start .swiper-slide-prev {
        margin-left: 7dvw;
    }
}

@media screen and (max-height: 420px) {
    .notifications-tab {
        width: 92dvw;
        max-height: 87dvh;
    }
}