@import "https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Manrope:wght@500;800&display=swap";

.settings .nav-tabs .nav-link, .settings-top__photo-btn.del, .table-c__th-text, .table-c__tr-text, .table-c__dublicate-head, .show-all, .small-text, .big-text {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-style: normal
}

.toms-btns .show-all, .course-page__up-text, .ssmal-text, body {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-style: normal
}

.wallet__item button, .wallet__top-btn.btn-secondary, .wallet__top-btn.btn-primary, .settings .confidentiality__form-btn, .settings .pers-data__form-btn, .settings-top__photo-btn.change, .settings-top__photo-btn.download, .form-search__btn.btn-light, .form-search__btn.btn-primary, .table-c__tr-btn.trade-success, .table-c__tr-btn.trade-progress, h4, h3, .font-m, h2.title {
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    font-style: normal
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, *::after, *::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    min-height: 100vh
}

ul[class], ol[class] {
    padding: 0
}

body, h1, h2, h3, h4, h5, h6, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
    margin: 0
}

a {
    text-decoration: none
}

ul[class] {
    list-style: none
}

img {
    max-width: 100%;
    display: block
}

input, button, textarea, select {
    font: inherit
}

body {
    font-size: 16px;
    line-height: normal;
    color: #2f2f2f;
    min-height: 100vh;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #f0ca41 rgba(0, 0, 0, 0)
}

*::-webkit-scrollbar {
    width: .5rem;
    height: .3rem
}

*::-webkit-scrollbar-track {
    background: #f0ca41
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(240, 202, 65, .7);
    border-radius: .5rem
}

.container {
    max-width: 1225px;
    margin: 0;
    padding: 0 1.5rem 0 3rem;
    position: relative
}

.container__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1340px) {
    .container {
        padding: 0
    }
}

.main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

a {
    color: #2f2f2f
}

hr {
    position: absolute;
    z-index: 10;
    top: 140px;
    padding: 0;
    margin: 0;
    color: #ededed;
    background-color: #f9f9f9;
    opacity: 1
}

h2.title {
    font-size: 1.5rem;
    line-height: 130%
}

h3, .font-m {
    font-size: 1rem;
    line-height: 130%
}

h4 {
    font-size: .87rem;
    line-height: 135%;
    letter-spacing: .2px
}

.big-text {
    font-size: 1.25rem;
    line-height: 160%;
    letter-spacing: .1px
}

.small-text {
    font-size: .87rem;
    line-height: 140%;
    letter-spacing: .07px
}

.ssmal-text {
    font-size: .75rem;
    line-height: 150%;
    color: #7f7f7f
}

.show-all {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .07px;
    border: none;
    background: rgba(0, 0, 0, 0);
    padding-right: 1rem;
    position: relative
}

.show-all::after {
    content: "";
    position: absolute;
    top: 0;
    right: -0.1rem;
    background-image: url("/static/cabinet/images/icons/arrow-down-black.svg");
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat
}

.settings-top__photo > picture, .user-info__top-box picture {
    border-radius: 50%;
    max-width: 100px;
    overflow: hidden;
    max-height: 100px;
    width: 100%;
    height: 100%
}

.error {
    margin-top: -20px;
    margin-bottom: 30px
}

.error span {
    color: #f04141
}

@media (max-width: 576px) {
    h2.title {
        font-size: 1.15rem
    }

    h2 {
        font-size: 1.15rem
    }

    h3 {
        font-size: .87rem
    }

    h4 {
        font-size: .75rem
    }

    .small-text {
        font-size: .75rem;
        letter-spacing: .06px
    }
}

.table-c__content-inner {
    border-radius: .5rem;
    border: 1px solid #ededed
}

.table-c__sum {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table-c__th:not(:last-child), .table-c__tr:not(:last-child) {
    border-right: 1px solid #ededed;
    width: 100%
}

.table-c__th {
    background-color: #f9f9f9
}

.table-c__tr, .table-c__th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    border-top: 1px solid #ededed;
    overflow: hidden;
    padding: .5rem 1rem;
    min-height: 4.4rem
}

.table-c__tr-inner, .table-c__th-inner {
    overflow: hidden;
    text-overflow: ellipsis
}

.table-c__th-text, .table-c__tr-text, .table-c__dublicate-head {
    font-size: .87rem;
    line-height: 140%;
    letter-spacing: .07px;
    height: 100%
}

.table-c__th-text, .table-c__dublicate-head {
    color: #2f2f2f
}

.table-c__tr-text {
    color: #7f7f7f
}

.table-c__tr-btn.btn-warning, .table-c__tr-btn.btn-success {
    border-radius: 100px;
    border: none;
    padding: .25rem .75rem
}

.table-c__tr-btn.btn-warning {
    color: #f04141;
    background-color: rgba(240, 65, 65, .1)
}

.table-c__tr-btn.btn-success {
    color: #89c85f;
    background-color: #edfceb
}

.table-c__tr-btn.trade-success, .table-c__tr-btn.trade-progress {
    font-size: .75rem;
    letter-spacing: .4px;
    padding: 1rem 1.25rem;
    border-radius: .5rem
}

.table-c__tr-btn.trade-success {
    color: #89c85f;
    background-color: #edfceb;
    border: 1px solid #89c85f
}

.table-c__tr-btn.trade-progress {
    color: #f0ca41;
    background-color: #fffdee;
    border: 1px solid #f0ca41
}

.wallet-page .table-c__content-item {
    -ms-grid-columns: 1.5fr 1.5fr 2.2fr 3fr;
    grid-template-columns:1.5fr 1.5fr 2.2fr 3fr
}

.trade-page .table-c__content-item {
    -ms-grid-columns:(1fr) [ 6 ];
    grid-template-columns:repeat(6, 1fr)
}

.trade-page #date, .trade-page #min-t {
    background-color: #ededed
}

.teams-page .table-c__content-item {
    -ms-grid-columns:(1fr) [ 8 ];
    grid-template-columns:repeat(8, 1fr)
}

.teams-page #t-ref, .teams-page #t-email {
    background-color: #ededed
}

.books-page .table-c__content-item {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr)
}

.books-page .table-c__th-text, .books-page .table-c__tr-text, .books-page .table-c__dublicate-head {
    height: auto
}

.books-page .table-c__tr {
    min-height: 2.5rem
}

@media (max-width: 992px) {
    .trade-page .table-c__content-item {
        -ms-grid-columns:(1fr) [ 2 ] (0.6 fr) [ 2 ] 1 fr 1.5 fr;
        grid-template-columns:repeat(2, 1fr) repeat(2, 0.6fr) 1fr 1.5fr
    }

    .table-c__tr, .table-c__th {
        padding: .75rem
    }

    .teams-page .table-c__content-inner {
        border: none
    }

    .teams-page .table-c__tr-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .teams-page .table-c__content-item:not(:first-child) {
        background-color: #f9f9f9;
        padding: .7rem 1rem;
        border-radius: .5rem;
        margin-bottom: .66rem
    }

    .teams-page .table-c__tr {
        padding: 1rem 0 .7rem;
        border-top: none;
        max-width: 100%
    }

    .teams-page .table-c__th:not(:last-child), .teams-page .table-c__tr:not(:last-child) {
        border-right: none;
        width: 100%
    }

    .teams-page .table-c .table-c__tr:not(:last-child) {
        border-bottom: 1px solid #ededed
    }
}

@media (max-width: 768px) {
    .wallet-page .table-c__content-item {
        -ms-grid-columns: 2fr 1.5fr 2fr 3fr;
        grid-template-columns:2fr 1.5fr 2fr 3fr
    }

    .trade-page .table-c__content-item {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns:repeat(6, 1fr)
    }

    .trade-page .table-c__tr, .trade-page .table-c__th {
        padding: .75rem .4rem
    }

    .wallet-page .table-c__tr {
        min-height: 8.7rem
    }
}

@media (max-width: 678px) {
    .wallet-page .table-c__content-item {
        -ms-grid-columns: 1.4fr 1.5fr 2.4fr 3fr;
        grid-template-columns:1.4fr 1.5fr 2.4fr 3fr
    }
}

@media (max-width: 576px) {
    .table-c__content-inner {
        border: none
    }

    .table-c__content-item:not(:first-child) {
        background-color: #f9f9f9;
        padding: .7rem 1rem;
        border-radius: .5rem;
        margin-bottom: .66rem
    }

    .table-c__tr {
        padding: 1rem 0 .7rem;
        border-top: none;
        max-width: 100%
    }

    .table-c__th:not(:last-child), .table-c__tr:not(:last-child) {
        border-right: none;
        width: 100%
    }

    .table-c__tr-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .table-c__tr-text {
        max-width: 11rem;
        text-align: end;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .table-c__th-text, .table-c__tr-text, .table-c__dublicate-head {
        font-size: .75rem
    }

    .wallet-page .table-c__th, .wallet-page .table-c__tr, .trade-page .table-c__th, .trade-page .table-c__tr, .teams-page .table-c__th, .teams-page .table-c__tr, .books-page .table-c__th, .books-page .table-c__tr {
        min-height: auto;
        padding: .75rem 0
    }

    .wallet-page button, .trade-page button, .teams-page button, .books-page button {
        font-size: .75rem
    }

    .wallet-page .table-c__tr:not(:last-child), .books-page .table-c__tr:not(:last-child) {
        border-bottom: 1px solid #ededed
    }

    .trade-page .table-c__tr:not(:nth-last-child(-n+2)) {
        border-bottom: 1px solid #ededed
    }

    .trade-page .table-c__info {
        padding-bottom: 0
    }
}

.form-search__inner {
    background-color: #f9f9f9;
    border-radius: .5rem;
    gap: 1.25rem
}

.form-search__items {
    gap: .82rem
}

.form-search__input, .form-search .dropdown-toggle {
    color: #2f2f2f;
    border: 1px solid #ededed;
    border-radius: .5rem;
    background-color: #fff;
    min-height: 2.78rem
}

.form-search__btn.btn-primary {
    font-size: .75rem;
    line-height: 150%;
    border-radius: .5rem;
    padding: .82rem 2.22rem;
    border: none;
    background-color: #89c85f
}

.form-search__btn.btn-light {
    font-size: .75rem;
    line-height: 150%;
    border-radius: .5rem;
    padding: .82rem 2.22rem;
    border: none;
    color: #7f7f7f;
    background-color: #ededed
}

.form-search .dropdown-toggle::after {
    content: "";
    background-image: url("/static/cabinet/images/icons/arrow-down-black.svg") !important;
    border: none;
    width: 20px;
    height: 20px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.2rem
}

@media (max-width: 768px) {
    .form-search .dropdown-toggle::after {
        right: .3rem
    }
}

@media (max-width: 678px) {
    .form-search__inner {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

@media (max-width: 576px) {
    .form-search__inner {
        gap: .82rem
    }

    .form-search__items {
        gap: .41rem
    }

    .form-search__btns {
        gap: .5rem
    }
}

.one-book__item {
    background-color: #f9f9f9;
    border-radius: .5rem;
    border: 1px solid rgba(127, 127, 127, .4);
    min-width: 220px;
    min-height: 333px
}

.one-book__item-link {
    color: #89c85f
}

.one-book span {
    color: inherit
}

.one-book__item-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem
}

.one-book__item-content .col {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

@media (max-width: 575px) {
    .one-book__item {
        min-height: auto
    }
}

#sidebar {
    width: 397px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: #f9f9f9
}

.navbar-top {
    position: relative;
    z-index: 11
}

.navbar-toggle__block {
    margin: auto 0
}

#navbarSupportedContent {
    overflow-y: auto;
    overflow-x: hidden
}

.navbar-nav {
    max-width: 260px;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block {
    width: 15rem
}

header .nav-item > .nav-item__exit span {
    color: #f04141
}

header .nav-item > .nav-item__exit svg path {
    stroke: #f04141
}

header .nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    max-width: 202px;
    position: relative
}

header .nav-link span {
    color: #7f7f7f
}

header .nav.flex-column.w-100 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

header .nav-link:not(.opt)::after {
    content: "";
    position: absolute;
    background-image: url("/static/cabinet/images/icons/arrow-down.svg");
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    width: 20px;
    height: 20px
}

.nav-link[aria-expanded=true] span {
    color: #2f2f2f
}

.nav-link[aria-expanded=true]::after {
    background-image: url("/static/cabinet/images/icons/arrow-down-black.svg")
}

.tomain-block__inner {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .07px
}

.tomain-block .small-text {
    color: #2f2f2f
}

.content-section {
    margin-right: auto;
    max-width: 100%;
    width: 100%;
    padding-top: 170px
}

.content-section__inner {
    gap: 50px
}

.content-section__wrapper {
    max-width: 100%;
    width: 100%
}

.content-section__top, .content-section .tomain-block {
    position: absolute;
    top: -5.5rem
}

.content-section .tomain-block {
    right: 1.5rem
}

.person-area__item, .wallet__item, .teams-page__item {
    border: 1px solid #ededed;
    border-radius: .5rem;
    background: #fff
}

.person-area .income__title, .person-area .income__sum, .wallet .income__title, .wallet .income__sum, .teams-page .income__title, .teams-page .income__sum {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 12rem
}

.person-area .income__title, .wallet .income__title, .teams-page .income__title {
    color: #7f7f7f
}

.person-area .income__sum, .wallet .income__sum, .teams-page .income__sum {
    display: inline-block
}

.person-area__item {
    min-height: 10.7rem
}

.person-area__info img {
    padding: 8px;
    border-radius: 100px
}

.person-area img.green {
    background: #edfceb
}

.person-area img.yellow {
    background: #fffdee
}

.suggestions__item {
    padding: 1.9rem;
    background: #f9f9f9;
    max-width: 100%;
    border-radius: 8px
}

.suggestions .news-item .news-image > img {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 50px
}

.courses-item {
    color: #7f7f7f
}

.courses-item__name {
    padding-left: 1.8rem;
    position: relative
}

.courses-item__name::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background-image: url("/static/cabinet/images/icons/document.svg");
    background-repeat: no-repeat;
    background-size: contain
}

.news-image {
    max-width: 50px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news-link {
    color: #2f2f2f
}

.news-date {
    color: #7f7f7f
}

.sidebar-block {
    max-width: 16rem;
    margin-top: -1.8rem;
    min-height: calc(100vh - (170px - 1.8rem))
}

.sidebar-block__inner {
    height: 100%;
    background: #f9f9f9
}

.sidebar-block__ref-parent {
    color: #7f7f7f
}

.sidebar-block__support > span {
    color: #7f7f7f
}

.sidebar-block .image-block {
    padding: 18px;
    border-radius: 1000px;
    border: 1px solid #ededed;
    background: #fff;
    width: 60px;
    height: 60px
}

.sidebar-block .font-m {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10rem
}

.settings__pers-data, .settings__confidentiality {
    background-color: #f9f9f9;
    border-radius: .5rem
}

.settings .nav-tabs .nav-link {
    border: none;
    padding-left: 0;
    padding-right: .1rem
}

.settings .nav-tabs .nav-item.show .nav-link, .settings .nav-tabs .nav-link.active {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #2f2f2f
}

.settings-top__photo-btn {
    font-size: .87rem;
    letter-spacing: .07px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    text-align: start
}

.settings-top__photo-btn.change, .settings-top__photo-btn.download {
    color: #2f2f2f
}

.settings-top__photo-btn.del, .settings-top__info-refn {
    color: #7f7f7f
}

.settings .pers-data__form-label, .settings .confidentiality__form-label {
    margin-top: .8rem
}

.settings .pers-data__form-input, .settings .confidentiality__form-input {
    color: #2f2f2f;
    border: 1px solid #ededed;
    border-radius: .5rem
}

.settings .pers-data__form-btn {
    font-size: .75rem;
    line-height: 150%;
    border-radius: .5rem;
    padding: .82rem 2.22rem;
    border: none;
    background-color: #89c85f;
    margin-bottom: 3rem
}

.settings .confidentiality__form-btn {
    font-size: .75rem;
    line-height: 150%;
    border-radius: .5rem;
    padding: .82rem 2.22rem;
    border: none;
    margin-bottom: 3rem;
    background-color: #7f7f7f
}

.settings .pers-data__header-img, .settings .confidentiality__header-img {
    background-color: #2f2f2f;
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

.settings .nav-tabs .nav-link {
    color: #2f2f2f
}

.settings .nav-tabs .nav-link .pers-data__header-img, .settings .nav-tabs .nav-link .confidentiality__header-img {
    background-color: #ededed
}

.settings .nav-tabs .nav-link svg path {
    stroke: #2f2f2f
}

.settings .nav-tabs .nav-link.active .pers-data__header-img, .settings .nav-tabs .nav-link.active .confidentiality__header-img {
    background-color: #2f2f2f
}

.settings .nav-tabs .nav-link.active svg path {
    stroke: #fff
}

.wallet__top-btn.btn-primary {
    font-size: .75rem;
    line-height: 150%;
    border-radius: .5rem;
    padding: .82rem 2.22rem;
    border: none;
    background-color: #89c85f;
    min-width: 198px
}

.wallet__top-btn.btn-secondary {
    font-size: .75rem;
    line-height: 150%;
    border-radius: .5rem;
    padding: .82rem 2.22rem;
    border: none;
    background-color: #f0ca41;
    min-width: 198px
}

@media (max-width: 702px) {
    .wallet__item-wrap {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

.wallet__item button {
    font-size: .75rem;
    line-height: 150%;
    border-radius: .5rem;
    padding: .82rem 2.22rem;
    border: none;
    font-size: .77rem;
    color: #89c85f;
    border-radius: .5rem;
    border: 1px solid #89c85f;
    background: #edfceb;
    padding: .87rem 1.4rem;
    cursor: pointer
}

.wallet button {
    overflow: hidden;
    text-overflow: ellipsis
}

.chapter-page__top-inner {
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 2.3rem 1.88rem;
    border-radius: .5rem;
    overflow: hidden;
    background-color: #f9f9f9;
    background-image: url("/static/cabinet/images/courses-page-bg.png")
}

.chapter-page__top-subtitle {
    color: #7f7f7f;
    max-width: 20rem
}

.chapter-page__content-items {
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed
}

.chapter-one__inner {
    border-radius: 0;
    position: relative
}

.chapter-one svg {
    -webkit-transform: scale(1.33);
    -ms-transform: scale(1.33);
    transform: scale(1.33)
}

.chapter-one__inner::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 0%;
    background-color: #61a037;
    left: -1.61rem
}

.chapter-one__inner:hover::after, .chapter-one__inner:focus::after {
    height: 100%
}

.chapter-one__inner:hover svg path, .chapter-one__inner:focus svg path {
    stroke: #89c85f
}

.chapter-one__inner:hover .chapter-one__btn, .chapter-one__inner:focus .chapter-one__btn {
    color: #89c85f
}

.courses-page .chapter-page__top-inner {
    background-color: #f9f9f9;
    background-image: url("/static/cabinet/images/courses-page-bg.png")
}

.toms-page .chapter-page__top {
    border-radius: .5rem;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #F9F9F9), color-stop(50%, #FFF));
    background: linear-gradient(to right, #F9F9F9 30%, #FFF 50%)
}

.toms-page .chapter-page__top-inner {
    background-image: url("/static/cabinet/images/toms-page-bg.png")
}

.course-page .content-section__wrapper {
    min-height: calc(100vh - 170px - 3rem)
}

.course-page__up-btn {
    border-radius: 1000px;
    background-color: #fffdee;
    max-width: 6.3rem;
    max-height: 6.3rem;
    left: 15%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.course-page__up-text {
    color: #f0ca41;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: .2px
}

.course-page__item img {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 1000px;
    border: 1px solid rgba(127, 127, 127, .4);
    background-color: #fff;
    -o-object-fit: cover;
    object-fit: cover
}

.course-page__item-desc h4.ssmal-text {
    color: #2f2f2f
}

.course-page__footer-inner {
    border-top: 1px solid #ededed
}

.course-page__footer-item {
    gap: .75rem
}

.course-page__footer-item span:first-child {
    color: #2f2f2f
}

.toms-btns {
    padding: 1.52rem 1.94rem;
    background-color: #f9f9f9;
    border-radius: .5rem
}

.toms-btns__box {
    -ms-grid-columns:(1fr) [ 6 ];
    grid-template-columns:repeat(6, 1fr)
}

.toms-btns__item:nth-child(even) {
    -ms-grid-row: 2;
    grid-row-start: 2
}

.toms-btns__item {
    border: 1px solid #ededed;
    background-color: #fff;
    max-width: 100%;
    min-height: 2.5rem;
    width: 100%;
    border-radius: 3rem
}

.toms-btns__item .ssmal-text:first-child {
    color: #2f2f2f
}

.toms-btns__item .ssmal-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.toms-btns .show-all {
    font-size: .75rem
}

.global-page {
    max-width: calc(100vw - 397px)
}

.global-page .content-section__wrapper {
    min-height: calc(100vh - 217px)
}

.global-page .dropdown-item {
    font-size: .85rem
}

.filters__btns {
    overflow: hidden
}

.filters__btns-wrapp {
    gap: .66rem
}

.filters__btn {
    color: #2f2f2f;
    background-color: #fff;
    border: 1px solid #ededed;
    min-width: 4.4rem;
    border-radius: 3rem;
    min-height: 2.44rem
}

.filters__btn.active {
    border: 1px solid #89c85f
}

.stages .row > .col {
    gap: 1.25rem
}

.stages__info-block {
    max-width: 12rem
}

.stages__info-block > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stages__img {
    min-width: 3rem;
    height: 3rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid rgba(127, 127, 127, .4);
    border-radius: 1000px
}

.stages .small-text, .one-book__item-content .small-text {
    color: #7f7f7f;
    min-height: 1.1rem
}

.books-page__top {
    gap: .68rem
}

.books-page__btn {
    border: 1px solid #ededed;
    background-color: #fff;
    border-radius: 3rem;
    color: #2f2f2f
}

.books-page__btn-active {
    border: 1px solid #89c85f;
    color: #89c85f
}

header .navbar-toggler, aside .navbar-toggler {
    border: none;
    padding: 0;
    color: #2f2f2f
}

header .navbar-toggler__btn, aside .navbar-toggler__btn {
    border: none;
    width: 2.5rem;
    border-radius: 50%;
    height: 2.5rem
}

header .navbar-toggler-icon, aside .navbar-toggler-icon {
    width: 1em;
    height: 1.2em
}

header .dropdown-toggle::after, aside .dropdown-toggle::after {
    margin-left: auto
}

header .dropdown-item, aside .dropdown-item {
    color: #7f7f7f
}

header .navbar-toggler__btn {
    background-color: #89c85f
}

header .navbar-toggler__btn[aria-expanded=true] > .navbar-toggler-icon {
    background-image: url("/static/cabinet/images/icons/x.svg")
}

header .navbar-toggler-icon {
    background-image: url("/static/cabinet/images/icons/burger.svg")
}

aside .navbar-toggler__btn {
    background-color: #ededed
}

aside .navbar-toggler__btn[aria-expanded=true] > .navbar-toggler-icon {
    background-image: url("/static/cabinet/images/icons/x-dark.svg")
}

aside .navbar-toggler-icon {
    background-image: url("/static/cabinet/images/icons/burger-dark.svg")
}

aside .navbar-collapse {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

aside .nav-link {
    color: #7f7f7f
}

aside .navbar-nav .nav-link.active, aside .navbar-nav .nav-link.show {
    color: #f04141
}

@media (max-width: 1340px) {
    .course-page .content-section__inner {
        gap: 0rem
    }

    .content-section__top {
        margin-left: 1.5rem
    }

    .content-section__inner {
        gap: 1rem
    }

    .content-section__wrapper {
        padding: 0 1.4rem
    }
}

@media (max-width: 1199px) {
    #sidebar {
        max-width: 260px
    }

    .navbar-nav {
        max-width: 224px
    }

    .content-section__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.22rem
    }

    .sidebar-block {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        max-width: 100%;
        min-height: 100%
    }

    .sidebar-block__inner {
        height: auto;
        width: calc(100vw - 260px);
        padding: 1.9rem 1.5rem
    }

    .sidebar-block picture {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .sidebar-block__support {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1rem
    }

    .course-page .navbar-nav {
        max-width: 100%
    }

    .global-page {
        max-width: calc(100vw - 260px)
    }
}

@media (max-width: 992px) {
    .block {
        width: 14rem
    }

    .toms-btns__box {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }

    .toms-btns__item:nth-child(even) {
        -ms-grid-row: auto;
        grid-row-start: auto
    }

    .global-page__ladder > .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto
    }
}

@media (max-width: 768px) {
    body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    header .nav-item:not(.exit) {
        border-bottom: 1px solid #ededed;
        padding: 1rem 0
    }

    header .nav-link {
        max-width: 100%
    }

    #sidebar {
        max-width: 100%;
        width: 100%;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        max-height: 6.5rem;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .navbar-brand {
        max-width: 5rem;
        -webkit-transform: translateX(3rem);
        -ms-transform: translateX(3rem);
        transform: translateX(3rem)
    }

    #navbarSupportedContent {
        background-color: #f9f9f9;
        height: calc(100vh - 6.5rem);
        padding: 1.6rem 1.4rem 2.5rem 1.4rem;
        margin-top: -8px;
        z-index: 101
    }

    .navbar-nav {
        max-width: 100% !important;
        height: auto
    }

    aside .navbar-toggle__block {
        position: absolute;
        top: -3.5rem;
        right: 1rem
    }

    .nav-item.exit {
        margin-top: 1rem
    }

    .block {
        width: 100%
    }

    hr {
        margin: 0;
        top: 216px
    }

    .tomain-block {
        left: 0
    }

    .content-section {
        padding-top: 111px
    }

    .content-section__top {
        top: -3.8rem
    }

    .content-section .tomain-block {
        left: 1rem;
        top: -11.5rem;
        right: auto
    }

    .tomain-block__inner {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        position: relative
    }

    .fix-w, .tomain-block {
        min-height: 6.5rem;
        height: 6.5rem
    }

    .fix-w img, .tomain-block img {
        max-width: 4.4rem;
        max-height: 4.4rem
    }

    .sidebar-block {
        margin-top: 0rem
    }

    .sidebar-block__inner {
        width: 100%
    }

    .sidebar-block__social {
        padding-left: .15rem
    }

    .sidebar-block .image-block {
        padding: 0;
        width: 34px;
        height: 34px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar-block .image-block svg {
        width: 14px;
        height: 14px
    }

    .chapter-page__top {
        margin-top: 1.88rem
    }

    .chapter-page__content-items {
        border-left: none
    }

    .toms-btns__box {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns:repeat(6, 1fr)
    }

    .toms-btns__item:nth-child(even) {
        -ms-grid-row: 2;
        grid-row-start: 2
    }

    .global-page {
        max-width: 100%
    }
}

@media (max-width: 628px) {
    .toms-btns {
        padding: 1rem
    }
}

@media (max-width: 575px) {
    #sidebar {
        max-height: 4.4rem
    }

    #navbarSupportedContent {
        height: calc(100vh - 4.4rem)
    }

    .navbar-toggler__btn {
        width: 2rem;
        height: 2rem
    }

    .navbar-toggler-icon {
        width: 1rem
    }

    .fix-w, .tomain-block {
        min-height: 4.4rem;
        height: 4.4rem
    }

    .fix-w img, .tomain-block img {
        max-width: 3rem;
        max-height: 3rem
    }

    .tomain-block__inner {
        display: none !important
    }

    .navbar-brand {
        -webkit-transform: translateX(0rem);
        -ms-transform: translateX(0rem);
        transform: translateX(0rem)
    }

    .content-section {
        padding-top: 75px
    }

    .content-section__top {
        top: -3rem
    }

    .sidebar-block__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px
    }

    .sidebar-block .image-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar-block__support {
        gap: .5rem
    }

    hr {
        top: 145px
    }

    .settings .content-section__wrapper {
        padding: 0
    }

    .settings__top {
        padding: 0 1.5rem
    }

    .settings .pers-data__form-btn, .settings .confidentiality__form-btn {
        width: 100%
    }

    .wallet__top-btn {
        width: 100% !important
    }

    .courses-page .chapter-page__top-inner {
        background-image: url(/static/cabinet/images/courses-page-bg-small.png)
    }

    .toms-page .chapter-page__top {
        border-radius: .5rem;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f9f9f9), color-stop(40%, #FFFFFF));
        background: linear-gradient(to bottom, #f9f9f9 10%, #FFFFFF 40%)
    }

    .chapter-page__top {
        margin-top: 1.28rem
    }

    .chapter-page__top-inner {
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: auto;
        padding: 1rem 1rem 11rem 1rem
    }

    .chapter-page__top-subtitle {
        max-width: 100%
    }

    .chapter-one svg {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .chapter-one__inner::after {
        content: none
    }

    .toms-btns__box {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .toms-btns__item:nth-child(n+7) {
        opacity: 0;
        visibility: hidden;
        position: absolute
    }

    .toms-btns__item:nth-child(even) {
        -ms-grid-row: auto;
        grid-row-start: auto
    }

    .course-page .content-section__wrapper {
        min-height: calc(100vh - 170px - 1.5rem)
    }

    .global-page .form-search__inner {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        gap: .4rem
    }

    .global-page .form-search__btns {
        gap: .4rem
    }

    .books-page__top {
        gap: .4rem
    }
}

@media (min-width: 576px) {
    .pers-data .col-sm-6, .confidentiality .col-sm-6 {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}