@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&family=Inter:wght@100;200;300;400;700&display=swap);
@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/centurygothic.ttf) format("truetype"), url(../fonts/centurygothic.otf) format("opentype");
    font-weight: auto;
    font-style: normal
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

:root {
    --expertColor: #ea39c2;
    --standartColor: #ffa216;
    --progressiveColor: #3cbdec;
    --activeColor: #fff;
}

body.standart {
    --activeColor: var(--standartColor);
}

body.progressive {
    --activeColor: var(--progressiveColor);
}

body.expert {
    --activeColor: var(--expertColor);
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

.placeholder-white::placeholder {
    color: white !important;
}

.placeholder-white:-ms-input-placeholder {
    color: white !important;
}

.placeholder-white::-webkit-input-placeholder {
    color: white !important;
}

.placeholder-white::-moz-placeholder {
    color: white !important;
}

.placeholder-white:-moz-placeholder {
    color: white !important;
}

.placeholder-white::-ms-input-placeholder {
    color: white !important;
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --height: 145px;
    --nav-v-width: 262px;
    --purp: #EA39C2;
    --purpD: rgba(199, 10, 157, 0.80);
    --purp-gradient: linear-gradient(223deg, var(--purp) 0%, var(--purpD) 100%);
    --purpSvg: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%);
    --yellow: #FFA216;
    --yellowD: #BD7303;
    --yellow-gradient: linear-gradient(223deg, var(--yellow) 0%, var(--yellowD) 100%);
    --yellowSvg: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%);
    --blue: #3CBDEC;
    --blueD: #0A74BC;
    --blue-gradient: linear-gradient(223deg, var(--blue) 0%, var(--blueD) 100%);
    --blueSvg: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%);
    --green: #7DFF68;
    --greenD: rgba(23, 166, 0, 0.80);
    --green-gradient: linear-gradient(267deg, var(--green) -4.18%, var(--greenD) 109.89%);
    --gray6: #666666;
    --gray6Svg: invert(37%) sepia(0%) saturate(595%) hue-rotate(174deg) brightness(104%) contrast(86%);
    --whiteSvg: invert(100%) sepia(100%) saturate(2%) hue-rotate(309deg) brightness(107%) contrast(100%);
    --red: #EA3939;
    --redD: rgba(189, 11, 11, 0.80);
    --red-gradient: linear-gradient(267deg, var(--red) -4.18%, var(--redD) 109.89%)
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.c-white {
    color: #fff !important
}

img.c-white {
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(309deg) brightness(107%) contrast(100%);
    margin: 0 auto;
}

img.c-gray6 {
    filter: var(--gray6Svg)
}

.c-green {
    color: var(--green) !important
}

.c-purp {
    color: var(--purp) !important
}

.c-red {
    color: var(--red) !important
}

.c-yellow {
    color: var(--yellow) !important
}

.a-purp {
    color: var(--purp) !important;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.a-purp:hover {
    text-decoration: underline
}

tt {
    font-family: "DM Sans", "Century Gothic", sans-serif
}

.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.flex-v {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column
}

.flex-just {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.flex-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 20px
}

.flex-wrap .col-50 {
    width: calc(50% - 10px)
}

.flex-hCenter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.flex-vCenter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.col-50 {
    width: 50%
}

.col-auto {
    width: auto;
    flex-grow: 1
}

.col-33 {
    width: 33.333333%
}

.col-25 {
    width: 25%
}

.gap20 .col-50 {
    width: calc((100% - 20px)/2)
}

.gap20 .col-33 {
    width: calc((100% - 40px)/3)
}

.gap20 .col-25 {
    width: calc((100% - 60px)/4)
}

.gap20 {
    gap: 20px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.pb0 {
    padding-bottom: 0 !important
}

.f-22 {
    font-size: 22px
}

.title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px
}

body,
html {
    width: 100%;
    min-height: calc(var(--vh, 1vh)*100)
}

body {
    font-family: "Century Gothic";
    color: #414449;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    background: #080808
}

footer,
header,
main {
    flex-shrink: 0
}

main {
    display: flex;
    flex-grow: 1;
    position: relative
}

.main-content {
    max-width: 1448px;
    padding: 34px 30px
}

.content {
    padding: 0 0px 0 var(--nav-v-width);
    margin: 0 auto;
    flex-grow: 1;
    background: #080808;
    width: 100%
}

.header-mob {
    display: none;
    background: #131217;
    height: 70px
}

.header-mob .content {
    background: none;
    height: 100%
}

.header-mob__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.nav-v {
    width: var(--nav-v-width);
    height: 100%;
    background: #121212;
    position: fixed;
    display: flex;
    flex-direction: column;
    padding: 25px 10px;
    z-index: 36
}

.nav-v__menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-top: 45px;
    gap: 10px
}

.nav-v__menu a,
.nav-v__menu button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    text-decoration: none
}

.nav-v__menu a span,
.nav-v__menu button span {
    color: var(--gray6);
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    transition: color .3s ease-out
}

.nav-v__menu a img,
.nav-v__menu button img {
    transition: all .3s ease-out;
    filter: var(--gray6Svg)
}

.nav-v__help {
    padding-top: 30px;
    margin-top: 32px;
    border-top: solid 1px #343434
}

.nav-top {
    border-bottom: solid 1px #343434;
    padding: 22px 0px 20px
}

.nav-top__content {
    max-width: 1448px;
    padding: 0 30px 22px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /* border-bottom: 1px solid #343434; */
    align-items: flex-end
}

.nav-top__left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column
}

.nav-top__label {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 8px
}

.nav-top__link {
    max-width: 302px;
    border-radius: 9px;
    background: #131217;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 20px;
    gap: 15px;
    height: 60px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

.nav-top__link span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.nav-top__right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 30px
}

.nav-top__right span {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap
}

.nav-top__right .btn {
    width: 200px
}

.copy-link {
    width: 100%;
    border-radius: 9px;
    background: #131217;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 20px;
    gap: 15px;
    height: 60px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

.copy-link span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.input-photo {
    width: 124px;
    height: 124px;
    padding: 2px;
    background: var(--gray6);
    border-radius: 62px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.input-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    border-radius: 0 62px 62px 0
}

.input-photo img {
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    width: calc(100% - 4px);
    height: calc(100% - 4px)
}

.input-photo label.input-photo-label input[type=file] {
    position: absolute;
    top: -1000px
}

.input-photo .input-photo-label {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative
}

.input-photo .input-photo-label span {
    color: #fff;
    text-align: center;
    font-size: 55px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: -13px;
    margin-top: 9px
}

.input-photo .input-photo-label small {
    color: #fff;
    text-align: center;
    font-size: 9px;
    font-weight: 400;
    line-height: normal
}

.user-photo {
    width: 120px;
    height: 120px;
    background: var(--gray6);
    border-radius: 62px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.tabs_mobile_help {
    display: none;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.tumb {
    border-radius: 10px;
    background: #121212;
    padding: 20px;
     margin-bottom: 20px;
    display: flex;
    /*flex-direction: row;*/
    flex-wrap: nowrap;
    flex-direction: column
}

.tumb__user {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px
}

.tumb__user-col {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px;
    width: calc((100% - 40px)/3)
}

.tumb__user-photo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.tumb__user-info {
    padding-top: 3px;
    width: 100%;
    position: relative
}

.tumb__user-name {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    /*margin-top: 15px;*/
    /*margin-bottom: 11px*/
}

.tumb__user-name span {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 8px;
    text-align: center;
}

.tumb__user-name small {
    color: #ea39c2;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.tumb__progress-bl {
    margin: 0 auto;
    max-width: 300px
}

.tumb__progress {
    height: 5px;
    border-radius: 5px;
    background: #5f6466
}

.tumb__progress-bar {
    height: 5px;
    border-radius: 5px
}

.tumb__progress-point {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    color: var(--gray6)
}

.tumb__progress-point span {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.tumb__question {
    position: absolute;
    top: 0;
    right: 58px;
    display: block
}

.tumb__progress-mob {
    display: none;
    justify-content: space-between
}

.tumb__progress-mob-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px
}

.tumb__progress-mob-item span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    font-weight: 400;
    line-height: 120%
}

.tumb__progress-mob-item small {
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%
}

.tumb .input {
    background: #191a1f !important;
}

.tumb .input.serii {
    background: #191a1f
}

.tumb-bl {
    border-radius: 10px;
    background: #191a1f;
    padding: 20px 20px 23px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.tumb-bl span {
    color: #7DFF68;
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    line-height: 120%
}

.tumb-bl small {
    color: var(--gray6);
    text-align: center;
    font-weight: 400;
    line-height: 120%
}

.tumb-bl__sm span {
    font-size: 30px
}

.tumb-bl__sm small {
    font-size: 16px
}

.tumb-bl__xs {
    padding: 35px 10px 35px;
}

.tumb-bl__xs span {
    font-size: 28px
}

.tumb-bl__xs small {
    font-size: 16px
}

.tumb-bl__md span {
    font-size: 36px
}

.tumb-bl__md small {
    font-size: 18px
}

.tumb-bl__lg span {
    font-size: 40px
}

.tumb-bl__lg small {
    font-size: 18px
}

.bonus {
    background: #131217;
    padding: 22px 20px;
    border-radius: 9px
}

.bonus__title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px
}

.bonus .service__item {
    background: #191a1f;
    max-width: none
}

.bonus__item-title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 10px 0;
    padding: 0 20px
}

.bonus__item-text {
    color: var(--gray6);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
    margin-bottom: 20px
}

.bonus__carusel-nav {
    position: absolute;
    top: -56px;
    right: 0
}

.service__list .bonus__carusel-nav {
    top: -129px;
}

.bonus__carusel-nav button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    outline: none;
    opacity: .35;
    transition: opacity, ease-out .5s
}

.bonus__carusel-nav button:hover {
    opacity: 1
}

.network .tumb__user-name {
    margin-top: 0;
    margin-bottom: 5px
}

.network .tumb__user-name span {
    font-size: 18px;
    margin-bottom: 2px
}

.network .tumb__user-name small {
    font-size: 16px
}

.network__level {
    padding: 10px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.network__level.level2 {
    background: rgba(234, 57, 194, .08);
    padding: 10px
}

.network__level.level2 .network__level-col {
    width: 20%
}

.network__level.level2 .network__level-col:first-child:after,
.network__level.level2 .network__level-col:last-child:before {
    display: none
}

.network__level.level2 .network__level-col:before,
.network__level.level2 .network__level-col:after {
    height: 140px
}

.network__level.level3 {
    background: rgba(234, 57, 194, .05);
    padding: 10px
}

.network__level.level3 .network__level-col {
    width: 13.5%
}

.network__level.level3 .network__level-col:before,
.network__level.level3 .network__level-col:after {
    height: 100px;
    top: 40px
}

.network__level.level3 .network__user-photo {
    width: 80px;
    height: 80px
}

.network__level.level3 .network__user-photo img {
    width: auto;
    height: 33px
}

.network__level.level3 .network__level-info {
    width: 50%
}

.network__level.level4 {
    background: rgba(234, 57, 194, .03);
    padding: 10px
}

.network__level.level4 .network__level-col {
    width: 13.5%
}

.network__level.level4 .network__level-col:before,
.network__level.level4 .network__level-col:after {
    display: none
}

.network__level.level4 .network__user-photo {
    width: 60px;
    height: 60px
}

.network__level.level4 .network__user-photo img {
    width: auto;
    height: 25px
}

.network__level.level4 .network__level-info {
    width: 36.5%
}

.network__level-info {
    width: 24%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column
}

.network__level-info>span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.network__level-info small {
    color: var(--gray6);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.network__level-info small span {
    font-size: 20px
}

.network__level-col {
    position: relative;
    width: 43%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column
}

.network__level-col:before,
.network__level-col:after {
    content: "";
    display: block;
    width: 50%;
    height: 240px;
    position: absolute;
    top: 50px;
    border: 1px solid;
    border-bottom: 0
}

.network__level-col:before {
    border-radius: 9px 0 0 0;
    left: 0;
    border-right: 0
}

.network__level-col:after {
    border-radius: 0 9px 0 0;
    right: 0;
    border-left: 0
}

.network__user-photo {
    background: #26272c;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: 1px solid #ffa216 !important;
}

.network__user-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.network__user-photo img[src*=svg] {
    width: auto;
    height: auto;
}

.network__user {
    position: relative;
    z-index: 1;
    width: 300px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.network__user .user-photo {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.network-table {
    padding: 20px;
    padding-bottom: 0px
}

.network-table .tumb__question {
    position: static
}

.network-table__filter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 25px;
    /* margin-bottom: 20px */
}

.network-table__filter span {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%
}

.network-table__filter a {
    text-decoration: none;
    color: var(--gray6);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    transition: all .3s ease-in-out
}

.network-table__filter a:hover,
.network-table__filter a._active {
    color: var(--purp)
}

.network-table__scroll {
    padding: 20px;
    overflow-x: auto;
    margin: 0 -20px
}

.network-table .table-bBorder {
    min-width: 650px
}

.table-bBorder {
    width: 100%
}

.table-bBorder thead th {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    text-align: center
}

.table-bBorder thead th:first-child {
    text-align: left
}

.table-bBorder thead th:last-child {
    text-align: right
}

.table-bBorder tbody tr:last-child td {
    border-bottom: none
}

.table-bBorder tbody td {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    padding: 15px 20px;
    border-bottom: 1px solid #383a46
}

.table-bBorder tbody td:first-child {
    text-align: left;
    padding-left: 0
}

.table-bBorder tbody td:last-child {
    text-align: right;
    padding-right: 0
}

.table-bBorder tfoot td {
    background: #383a46;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    padding: 15px 0 20px
}

.table-bBorder tfoot td:first-child {
    text-align: left;
    position: relative
}

.table-bBorder tfoot td:first-child:before {
    content: "";
    display: block;
    height: 100%;
    width: 20px;
    position: absolute;
    top: 0;
    left: -20px;
    border-radius: 0 0 0 9px;
    background: #383a46
}

.table-bBorder tfoot td:last-child {
    position: relative;
    text-align: right;
    padding-right: 0
}

.table-bBorder tfoot td:last-child:before {
    content: "";
    display: block;
    height: 100%;
    width: 20px;
    position: absolute;
    top: 0;
    right: -20px;
    border-radius: 0 0 9px 0px;
    background: #383a46
}

.table-striped {
    width: 100%
}

.table-striped thead th {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    text-align: center
}

.table-striped thead th:first-child {
    text-align: left;
    padding-left: 20px;
}

.table-striped thead th:last-child {
    text-align: right
}


/* .table-striped tbody tr:nth-child(odd) {
    background: #191a1f
} */

.table-striped tbody tr:last-child td {
    border-bottom: none
}

.table-striped tbody td {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    padding: 15px 20px
}

.table-striped tbody td:first-child {
    text-align: left
}

.table-striped tbody td:last-child {
    text-align: right
}

.user_trigger .table-striped tfoot td {
    background: #383a46;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    padding: 15px 0 20px
}

.table-striped tfoot td:first-child {
    text-align: left;
    position: relative
}

.table-striped tfoot td:first-child:before {
    content: "";
    display: block;
    height: 100%;
    width: 20px;
    position: absolute;
    top: 0;
    left: -20px;
    border-radius: 0 0 0 9px;
    background: #383a46
}

.table-striped tfoot td:last-child {
    position: relative;
    text-align: right;
    padding-right: 0
}

.table-striped tfoot td:last-child:before {
    content: "";
    display: block;
    height: 100%;
    width: 20px;
    position: absolute;
    top: 0;
    right: -20px;
    border-radius: 0 0 9px 0px;
    background: #383a46
}

.scroll::-webkit-scrollbar {
    width: 2px
}

.scroll::-webkit-scrollbar-track {
    background: var(--gray6);
    border-radius: 4px
}

.scroll::-webkit-scrollbar-thumb {
    background: var(--purp);
    border-radius: 4px
}

.scroll-h {
    overflow-x: auto
}

.scroll-h::-webkit-scrollbar {
    height: 2px
}

.scroll-h::-webkit-scrollbar-track {
    background: var(--gray6);
    border-radius: 4px
}

.scroll-h::-webkit-scrollbar-thumb {
    border-radius: 4px
}

.wallet-bl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px
}

.wallet-history {
    margin-bottom: 0
}

.wallet-history__title {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    line-height: normal
}

.wallet-history__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    overflow-y: auto;
    max-height: 475px
}

.wallet-history__item {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 20px 8px;
    border-bottom: 1px solid #383a46
}

.wallet-history__left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-right: auto
}

.wallet-history__left span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 145%
}

.wallet-history__left small {
    color: #9493ac;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    text-transform: uppercase
}

.wallet-history__right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    flex-direction: column
}

.wallet-history__right span {
    font-size: 16px;
    font-weight: 400;
    line-height: 145%
}

.wallet-history__right small {
    color: #9493ac;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    text-transform: uppercase
}

.btn {
    width: 100%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    transition: .3s;
    height: 60px;
    padding: 5px 15px;
    border-radius: 9px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: normal
}

.btn.w200 {
    max-width: 200px
}

.btn__purp,
.btn__3 {
    color: var(--purp);

}
.adminka .btn__purp,
.adminka .btn__3 {
    border: solid 1px var(--purp);
    background: #191a1f
}

.btn__purp:hover,
.btn__3:hover,
.btn__purp._active,
.btn__3._active {
    color: #fff;
    background: var(--purp-gradient);
    border: rgba(0, 0, 0, 0)
}

.btn__purp-border,
.btn__3-border {
    color: var(--purp);
    border: solid 1px var(--purp);
    background: #191a1f;
    opacity: .5
}

.btn__purp-border:hover,
.btn__3-border:hover,
.btn__purp-border._active,
.btn__3-border._active {
    opacity: 1
}

.btn__yellow,
.btn__2 {
    color: var(--yellow);

}
@media (min-width: 768px) {
    .lich_cab .btn__blue,
    .lich_cab .btn__1 {
        border: solid 1px var(--blue);
        background: #191a1f
    }
    .lich_cab .btn__yellow,
    .lich_cab .btn__2 {
        border: solid 1px var(--yellow);
        background: #191a1f
    }
    .lich_cab .btn__purp,
    .lich_cab .btn__3 {
        border: solid 1px var(--purp);
        background: #191a1f
    }
}
.adminka .btn__yellow,
.adminka .btn__2 {
    border: solid 1px var(--yellow);
    background: #191a1f
}

.btn__yellow:hover,
.btn__2:hover {
    color: #fff;
    background: var(--yellow-gradient);
    border: rgba(0, 0, 0, 0)
}
@media (max-width: 1000px) and (min-width: 768px) {
    body {
        zoom: 0.7;
    }
}

.btn__yellow-border,
.btn__2-border {
    color: var(--yellow);
    border: solid 1px var(--yellow);
    background: #191a1f;
    opacity: .5
}

.btn__yellow-border:hover,
.btn__2-border:hover,
.btn__yellow-border._active,
.btn__2-border._active {
    opacity: 1
}

.btn__blue,
.btn__1 {
    color: var(--blue);
}
.adminka .btn__blue,
.adminka .btn__1 {
    border: solid 1px var(--blue);
    background: #191a1f
}

.btn__blue:hover,
.btn__1:hover,
.btn__blue._active,
.btn__1._active {
    color: #fff;
    background: var(--blue-gradient);
    border: rgba(0, 0, 0, 0)
}

.btn__blue-border,
.btn__1-border {
    color: var(--blue);
    border: solid 1px var(--blue);
    background: #191a1f;
    opacity: .5
}

.btn__blue-border:hover,
.btn__1-border:hover,
.btn__blue-border._active,
.btn__1-border._active {
    opacity: 1
}

.btn__gray {
    color: #fff;
    background: linear-gradient(223deg, #484848 0%, #666 100%)
}

.btn__gray:hover {
    color: #fff;
    background: linear-gradient(-223deg, #484848 0%, #666 100%)
}

.btn__green {
    color: var(--green);
    border: solid 1px var(--green);
    background: #191a1f;
    /* opacity: .5 */
}

.btn__green:hover,
.btn__green._active {
    opacity: 1;
    color: #fff;
    background: var(--green-gradient);
    border: rgba(0, 0, 0, 0)
}

.btn__green-border {
    color: var(--green);
    border: solid 1px var(--green);
    background: #191a1f;
    /* opacity: .5 */
}

.btn__green-border:hover,
.btn__green-border._active {
    opacity: 1
}

.btn__red {
    color: var(--red);
    border: solid 1px var(--red);
    background: #191a1f
}

.btn__red:hover,
.btn__red._active {
    color: #fff;
    background: var(--red-gradient);
    border: rgba(0, 0, 0, 0)
}

.btn__red-border {
    color: var(--red);
    border: solid 1px var(--red);
    background: #191a1f;
    /* opacity: .5 */
}

.btn__red-border:hover,
.btn__red-border._active {
    opacity: 1
}

.btn__transparent {
    border: rgba(0, 0, 0, 0);
    color: #fff
}

.btn.wAuto {
    width: auto
}

._modal-open {
    overflow-y: hidden;
    position: relative
}

.modal {
    position: relative;
    z-index: 999;
    width: calc(100% - 40px);
    margin: 100px auto;
    max-width: 492px;
    flex-shrink: 0;
    border-radius: 9px;
    height: auto;
    background: #191A1F;
}

.modal.task_width {
    max-width: 400px;
}

.modal.task_width .tabs__nav li {
    max-width: 166px;
}

.modal .tumb {
    background: #131217
}

.modal.w1418 {
    max-width: 1418px
}

.modal__label {
    color: var(--gray6);
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 30px
}

.modal__text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 15px;
    color: #bababa
}

.modal__text b {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.modal__text span {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.modal._active {
    display: block
}

.modal__close {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 21px;
    right: 14px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__body {
    width: 100%;
    padding: 20px 30px
}

.modal-backdrop {
    right: 0;
    bottom: 0;
    z-index: 9999999;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: transparent !important;
    outline: 0
}

.mask-modal,
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.mask-modal {
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.mask-modal.-show {
    display: block
}

.video__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 20px
}

.video__item {
    width: calc((100% - 40px)/3);
    border-radius: 9px;
    background: #131217;
    overflow: hidden
}

.video__item-video {
    width: 100%;
    padding-top: 57%;
    position: relative
}

.video__item-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__item-title {
    padding: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 13px
}

.form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 18px;
    /* overflow: hidden */
}

.form .title {
    margin-bottom: 0
}

.form__title {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 15px
}

.form__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 7px
}

.form__p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.form__p b {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: normal
}

.form__p b span.new_color_items {
    font-size: 18px;
}

.form__p span {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.form__col {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px
}

.form__col>* {
    max-width: calc(50% - 10px)
}

.label {
    color: var(--gray6);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.input {
    height: 65px;
    border-radius: 10px !important;
    background: #131217 !important;
    color: #fff;
    font-size: 18px;
    border: 1px solid #282828;
    font-weight: 400;
    line-height: 140%;
    padding: 5px 20px;
    outline: none;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.input::placeholder {
    color: rgba(142, 142, 142, .8)
}

.select {
    appearance: none;
    height: 65px;
    border-radius: 10px;
    background: #131217;
    color: #fff;
    font-size: 18px;
    border: 1px solid #282828;
    font-weight: 400;
    line-height: 140%;
    padding: 5px 20px;
    outline: none;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.select::placeholder {
    color: rgba(142, 142, 142, .8)
}

.select option {
    line-height: 44px
}

.input__group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    border: 1px solid #282828;
    background: #131217;
    border-radius: 10px
}

.input__group .input {
    flex-grow: 1;
    background: none;
    border: none;
}

.input__group .btn {
    width: auto;
    min-width: 65px;
    height: 65px;
    border-radius: 9px
}

.input__pass {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.input__pass .input {
    flex-grow: 1;
    border-radius: 10px 0 0 10px
}

.input__pass .toggle-password {
    width: 52px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: #191a1f;
    /*border: 1px solid #282828;*/
    /*border-radius: 0 10px 10px 0;*/
    /*border-left: none*/
}

.textarea {
    border-radius: 10px;
    background: #131217;
    border: 1px solid #282828;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    padding: 20px 20px;
    outline: none;
    box-shadow: none;
    overflow-y: auto;
    resize: none;
    width: 100%;
    height: 143px;
}

.textarea::placeholder {
    color: var(--gray6)
}

#add-task .textarea,
#add-task input,
#add-task .custom-select-trigger {
    background-color: #191A1F !important;
}

.tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column
}

.tabs__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    gap: 8px;
    margin-bottom: 20px
}

.tabs__nav li {
    width: 100%;
    max-width: 205px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    height: 60px;
    padding: 5px 25px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    /* background: linear-gradient(223deg, #484848 0%, #666 100%); */
    background: transparent;
    color: #666666;
    transition: all .3s ease-in-out;
    border: 1px solid #484848;
}

.tabs__nav li:not(._active) {
    cursor: pointer
}

.tabs__nav li:not(._active):hover {
    /* background: linear-gradient(223deg, #FF47D7 0%, rgba(199, 10, 157, 0.8) 100%) */
}


/* .tabs__nav li._active {
    background: linear-gradient(223deg, #FF47D7 0%, rgba(199, 10, 157, 0.8) 100%)
} */

.tabs__content {
    display: none
}

.tabs__content._active {
    display: block
}

.service__list {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px
}

.service__item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    max-width: 253px;
    border-radius: 9px;
    background: #191A1F;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0)
}

.service__item.service__blue._active,
.service__item.service__1._active,
.service__item.service__blue:hover,
.service__item.service__1:hover {
    border: 1px solid var(--blue)
}

.service__item.service__blue .service__class,
.service__item.service__1 .service__class,
.active__task_color_1 .service__class {
    border: 1px solid var(--blue)
}

.service__item.service__2 .service__class,
.active__task_color_2 .service__class {
    border: 1px solid var(--yellow)
}

.service__item.service__3 .service__class,
.active__task_color_3 .service__class {
    border: 1px solid var(--yellow)
}

.active__task_color_2 .service__class {
    border: 1px solid var(--purp);
}

.active__task_color_1 .service__class,
.active__task_color_2 .service__class,
.active__task_color_3 .service__class {
    max-width: fit-content;
    margin-left: unset;
}

.service__item.service__blue .service__price,
.service__item.service__1 .service__price {
    border: 1px solid var(--blue)
}

.service__item.service__blue .service__progress-bar,
.service__item.service__1 .service__progress-bar {
    background: var(--blue)
}

.service__item.service__blue .service__progress-bl span,
.service__item.service__1 .service__progress-bl span {
    color: var(--blue)
}

.service__item.service__purp._active,
.service__item.service__purp:hover,
.service__item.service__3._active,
.service__item.service__3:hover {
    border: 1px solid var(--purp)
}

.service__item.service__purp .service__class,
.service__item.service__3 .service__class,
.active__task_color_3 .service__class {
    border: 1px solid var(--purp)
}

.service__item.service__purp .service__price,
.service__item.service__3 .service__price {
    border: 1px solid var(--purp)
}

.service__item.service__purp .service__progress-bar,
.service__item.service__3 .service__progress-bar {
    background: var(--purp)
}

.service__item.service__purp .service__progress-bl span,
.service__item.service__3 .service__progress-bl span {
    color: var(--purp)
}

.service__item.service__yellow._active,
.service__item.service__yellow:hover,
.service__item.service__2._active,
.service__item.service__2:hover {
    border: 1px solid var(--yellow)
}

.service__item.service__yellow._active,
.service__item.service__yellow:hover,
.service__item.service__2._active,
.service__item.service__2:hover {
    border: 1px solid var(--yellow)
}

.service__item.service__yellow .service__price,
.service__item.service__2 .service__price {
    border: 1px solid var(--yellow)
}

.service__item.service__yellow .service__progress-bar,
.service__item.service__2 .service__progress-bar {
    background: var(--yellow)
}

.service__item.service__yellow .service__progress-bl span,
.service__item.service__2 .service__progress-bl span {
    color: var(--yellow)
}

.service__item._disable .service__class {
    border: 1px solid var(--gray6)
}

.service__item._disable .service__price {
    border: 1px solid var(--gray6)
}

.service__item._disable .service__item-title b {
    color: var(--gray6)
}

.service__item._disable img {
    opacity: .75
}

.active__task_color_1 .new_color_items {
    color: var(--blue);
}

.form__p span.uslovie {
    font-size: 16px;
}

.form__p span.span_uslovie {
    font-size: 16px;
    color: #A7A7A7;
    line-height: 120%;
}

.active__task_color_2 .new_color_items {
    color: var(--yellow);
}

.active__task_color_3 .new_color_items {
    color: var(--purp);
}

.service__item {
    align-items: start;
    .service__status {
        .service__class {
            margin-right: auto;
            margin-left: unset;
        }
    }
    .service__img {
        aspect-ratio: 253 / 140;
        position: relative;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
        img {
            object-fit: cover;
            object-position: top;
            max-width: 100%;
            width: 100%;
            height: 100%;
        }
        .service__icons {
            display: flex;
            align-items: center;
            gap: 5px;
            position: absolute;
            left: 0px;
            bottom: 17px;
            width: 100%;
            padding: 0 15px;
            .service__icon {
                aspect-ratio: 1 / 1;
                border-radius: 6px;
                max-width: 24px;
                width: 24px;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #131217;
                color: #fff;
                font-size: 16px;
                line-height: 100%;
                border: 1px solid transparent;
                font-family: "Century Gothic", sans-serif;
                &.right_item {
                    max-width: max-content;
                    width: max-content;
                    aspect-ratio: unset;
                    margin-right: unset;
                    margin-left: auto;
                    padding: 3px 15px 4px;
                    font-size: 14px;
                    line-height: 17.17px;
                }
            }
        }
    }
    .new_color_items {
        font-size: 18px;
        line-height: 100%;
    }
    &.service__blue {
        .new_color_items {
            color: var(--blue);
        }
        .service__icon {
            border-color: var(--blue) !important;
        }
    }
    &.service__1 {
        .new_color_items {
            color: var(--blue);
        }
        .service__icon {
            border-color: var(--blue) !important;
        }
    }
    &.service__yellow {
        .new_color_items {
            color: var(--yellow);
        }
        .service__icon {
            border-color: var(--yellow) !important;
        }
    }
    &.service__2 {
        .new_color_items {
            color: var(--yellow);
        }
        .service__icon {
            border-color: var(--yellow) !important;
        }
    }
    &.service__purp {
        .new_color_items {
            color: var(--purp);
        }
        .service__icon {
            border-color: var(--purp) !important;
        }
    }
    &.service__3 {
        .new_color_items {
            color: var(--purp);
        }
        .service__icon {
            border-color: var(--purp) !important;
        }
    }
    &.disabled {
        .service__item-title {
            b {
                color: #666666;
                span {
                    color: #666666;
                }
            }
        }
        .service__button {
            .triger_update_bonus,
            .triger_update_bonus2,
            .uni_class_button_disabled {
                color: #666666;
                border-color: #666666;
                svg {
                    path {
                        stroke: #666666;
                    }
                }
                &:hover {
                    background: transparent;
                    border: 1px solid #666666
                }
            }
        }
        .service__status {
            .service__class {
                color: #666666;
                border-color: #666666;
            }
        }
        .service__img {
            .service__icons {
                .service__icon {
                    color: #666666;
                    border-color: #666666 !important;
                }
            }
            img {
                filter: grayscale(80%);
            }
        }
        &:hover {
            border-color: rgba(0, 0, 0, 0);
        }
    }
}

.title_cards_custom {
    position: relative;
    .levels_info {
        position: absolute;
        top: 0;
        left: calc(50% + 25px);
        transform: translate(-50%, 15%);
        color: #666666;
        font-size: 14px;
        line-height: 16px;
    }
}


/* .service__item:hover .service__button {
    transform: translateY(-100%)
} */

.service__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 15px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
    z-index: 1
}

.service__search {
    position: absolute;
    top: 10px;
    left: 10px;
    margin-right: 100%;
    width: 28px;
    height: 28px
}

.service__price {
    margin-right: auto;
    border-radius: 6px;
    background: rgba(0, 0, 0, .8);
    display: inline-flex;
    height: 24px;
    padding: 3px 15px;
    align-items: center;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

.service__class {
    margin-left: auto;
    border-radius: 6px;
    background: rgba(0, 0, 0, .8);
    display: inline-flex;
    min-height: 24px;
    padding: 3px 15px;
    align-items: center;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

.service__item-title {
    padding: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: start;
    flex-direction: column;
    gap: 10px
}

.service__item-title b {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: normal
}

.service__item-title small {
    display: none;
    color: var(--gray6);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.service__item-title span {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.service__button {
    /* position: absolute;
    top: 100%;
    left: 0; */
    width: 100%;
    /* background: #131217; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
    padding: 0 10px 10px;
    transition: all .3s ease-in-out;
    .triger_open_modal_redact {
        svg {
            max-width: 20px;
            width: 100%;
            height: auto;
            margin-left: 7px;
            path {
                stroke: #fff;
            }
        }
        &.btn__blue,
        &.btn__1 {
            svg {
                path {
                    stroke: var(--blue);
                }
            }
        }
        &.btn__yellow,
        &.btn__2 {
            svg {
                path {
                    stroke: var(--yellow);
                }
            }
        }
        &.btn__purp,
        &.btn__3 {
            svg {
                path {
                    stroke: var(--purp);
                }
            }
        }
    }
    .triger_update_bonus3,
    .triger_open_pay_service,
    .bladre {
        svg {
            max-width: 20px;
            width: 100%;
            height: auto;
            margin-left: 7px;
            path {
                stroke: #fff;

            }
        }
        &.btn__blue,
        &.btn__1 {
            svg {
                path {
                    stroke: var(--blue);
                }
            }
        }
        &.btn__yellow,
        &.btn__2 {
            svg {
                path {
                    stroke: var(--yellow);
                }
            }
        }
        &.btn__purp,
        &.btn__3 {
            svg {
                path {
                    stroke: var(--purp);
                }
            }
        }
    }
}

.service__progress-bl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
    padding: 0 14px 14px
}

.service__progress-bl span {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px
}

.service__progress-bl .service__progress {
    height: 5px;
    width: 100%;
    border-radius: 4px;
    background: #5f6466
}

.service__progress-bl .service__progress-bar {
    height: 5px;
    border-radius: 4px
}

.service__progress-bl small {
    width: 100%;
    color: var(--gray6);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.task {
    background: #131217;
    padding: 22px 20px;
    border-radius: 9px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    /*gap: 20px;*/
    margin-top: 20px
}

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

.task__title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: normal
}

.task__timer {
    color: var(--gray6);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    padding-right: 71px;
}

.task__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px
}

.service__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px
}

.wallet_service.service__list .bonus__carusel-nav {
    top: -56px;
}

.task .service__item {
    /* width: 436px;
    min-width: 436px; */
    max-width: none;
    background: #191a1f;
    .triger_update_task {
        svg {
            max-width: 20px;
            width: 100%;
            height: auto;
            margin-left: 7px;
            path {
                stroke: #fff;
            }
        }
        &.btn__blue,
        .btn__1 {
            svg {
                path {
                    stroke: var(--blue);
                }
            }
        }
        &.btn__yellow,
        .btn__2 {
            svg {
                path {
                    stroke: var(--yellow);
                }
            }
        }
        &.btn__purp,
        .btn__3 {
            svg {
                path {
                    stroke: var(--purp);
                }
            }
        }
    }
}

.tumb .tabs__content .service__item {
    .triger_update_service {
        svg {
            max-width: 20px;
            width: 100%;
            height: auto;
            margin-left: 7px;
            path {
                stroke: #fff;
            }
        }
        &.btn__blue,
        .btn__1 {
            svg {
                path {
                    stroke: var(--blue);
                }
            }
        }
        &.btn__yellow,
        .btn__2 {
            svg {
                path {
                    stroke: var(--yellow);
                }
            }
        }
        &.btn__purp,
        .btn__3 {
            svg {
                path {
                    stroke: var(--purp);
                }
            }
        }
    }
}

.mobNav-i {
    width: 26px;
    height: 26px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

.mobNav-i span {
    display: block;
    position: absolute;
    height: 2px;
    width: 26px;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.mobNav-i span:nth-child(1) {
    top: 5px
}

.mobNav-i span:nth-child(2),
.mobNav-i span:nth-child(3) {
    top: 13px
}

.mobNav-i span:nth-child(4) {
    top: 21px
}

.mobNav-i.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%
}

.mobNav-i.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobNav-i.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mobNav-i.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

.networkMob {
    display: none;
    flex-direction: column;
    gap: 20px
}

.networkMob__level {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    position: relative
}

.networkMob__level .network__user-photo {
    width: 100px;
    height: 100px
}

.networkMob__level.level2 .networkMob__right {
    margin-right: 10px
}

.networkMob__level.level2 .network__user-photo {
    width: 80px;
    height: 80px
}

.networkMob__level.level2 .network__user-photo img[src*=svg] {
    width: 28px
}

.networkMob__level.level3 .networkMob__right {
    margin-right: 10px
}

.networkMob__level.level3 .network__user-photo {
    width: 60px;
    height: 60px
}

.networkMob__level.level3 .network__user-photo img[src*=svg] {
    width: 22px
}

.networkMob__level.level4 .networkMob__right {
    margin-right: 10px
}

.networkMob__level.level4 .network__user-photo {
    width: 40px;
    height: 40px
}

.networkMob__level.level4 .network__user-photo img[src*=svg] {
    width: 14px
}

.networkMob__level.level4 .networkMob__right:after {
    display: none
}

.networkMob__left span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%
}

.networkMob__left small {
    display: block;
    color: #666;
    font-size: 10px;
    font-weight: 400;
    line-height: 140%
}

.networkMob__center {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-grow: 1
}

.networkMob__center:before,
.networkMob__center:after {
    content: "";
    display: block
}

.networkMob__center:before {
    height: 0px;
    border-bottom: solid 1px #26272c;
    flex-grow: 1
}

.networkMob__center:after {
    width: 6px;
    height: 6px;
    border: solid 1px #26272c;
    border-top: none;
    border-left: none;
    position: relative;
    transform: rotate(-45deg);
    margin-left: -9px
}

.networkMob__right {
    position: relative;
    min-width: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.networkMob__right:after {
    content: "";
    display: block;
    width: 0px;
    height: 20px;
    position: absolute;
    right: 50%;
    bottom: -20px
}

.accaunt-formMob {
    display: none
}

.accaunt-formMob__title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 15px
}

.help__bl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start
}

.help__left {
    min-width: 302px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 15px
}

.help__right {
    flex-grow: 1
}

.help__tabs-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #191a1f;
    border-radius: 10px
}


.help__tabs-nav li,
.help__tabs-nav a {
    list-style: none;
    width: 50%;
    height: 45px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none
}
.help__tabs-nav li:first-child {
    border-radius: 10px 0px 0px 10px;
}
.help__tabs-nav li:nth-child(2) {
    border-radius: 0px 10px 10px 0px;
}

.help__tabs-content {
    display: none;
    gap: 20px
}

.help__tabs-content._active {
    display: flex;
    flex-direction: column
}

.help__tabs-nav2 {
    gap: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    list-style: none
}

.help__tabs-nav2 li {
    border-radius: 10px;
    background: #191a1f;
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px
}

.help__tabs-nav2 li img {
    filter: invert(2%) sepia(5%) saturate(5877%) hue-rotate(212deg) brightness(94%) contrast(89%)
}

.help__tabs-nav2 li span {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%
}

.help__tabs-nav2 li small {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%
}

.help__tabs-nav2 li._active img,
.help__tabs-nav2 li._active span {
    display: block
}

.help__tabs-nav2 li._active small {
    color: #fff
}

.help__accardion-bl {
    display: none
}

.help__accardion-bl._active {
    display: block
}

.help__accardion {
    display: none;
    gap: 20px
}

.help__accardion._active {
    display: flex;
    flex-direction: column
}

.help__form {
    margin-bottom: 0
}

.help__user-bl {
    border-radius: 10px;
    background: #131217;
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px
}

.help__user-img {
    background: #191a1f;
    width: 58px;
    height: 58px;
    border-radius: 58px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.help__user-img img {
    filter: var(--whiteSvg);
    height: 30px
}

.help__user-name {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 6px
}

.help__user-text {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 11px
}

.help__user-date {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.accordion {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 15px
}

.accordion__item {
    border-radius: 10px;
    background: #131217
}

.accordion__heading {
    border-radius: 10px;
    background: #131217;
    cursor: pointer;
    padding: 20px;
    height: 62px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%
}

.accordion__heading:hover {
    color: #fff
}

.accordion__heading::after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/default/images/i-arrow-right.svg) no-repeat center;
    filter: invert(44%) sepia(7%) saturate(18%) hue-rotate(314deg) brightness(88%) contrast(92%);
    transform: rotate(0deg);
    transition: all .5s
}

.accordion__item._active .accordion__heading {
    color: #fff
}

.accordion__item._active .accordion__heading::after {
    transform: rotate(90deg)
}

.accordion__heading.not-active::after {
    transform: rotate(0deg)
}

.accordion__content {
    display: none;
    padding: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px
}

.appeal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px
}

.appeal__title {
    height: 85px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    background: #131217;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%
}

.appeal>.btn {
    max-width: 269px
}

.appeal__content {
    display: none
}

.appeal__content .btn {
    max-width: 200px
}

.appeal__content .help__user-bl {
    margin-bottom: 20px
}

.appeal .textarea {
    background: #191a1f
}

.appeal__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px
}

.appeal__list-heade {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: 30px;
}
.appeal__list-body a:last-child{
    text-align: left;
}
.appeal__list-heade span {
    flex-grow: 1;
    width: calc(100% - 150px);
    text-align: center;
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

.appeal__list-heade span:last-child,
.appeal__list-heade span:first-child {
    flex-grow: 0;
    width: 150px;
    min-width: 150px
}

.appeal__list-body {
    height: 85px;
    border-radius: 10px;
    background: #131217;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    text-decoration: none
}

.appeal__list-body span,
.appeal__list-body a {
    flex-grow: 1;
    width: calc(100% - 150px);
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 110%;
    padding: 5px 20px;
    /*text-align: left*/
}

.appeal__list-body span:last-child,
.appeal__list-body a:last-child,
.appeal__list-body span:first-child,
.appeal__list-body a:first-child {
    flex-grow: 0;
    width: 150px;
    min-width: 150px;
    text-align: center
}
.appeal__list-body a:last-child{
    text-align: left;
}
.for_768{
    display: none;
}
.for_1000{
    display: none;
}
.for_full{
    display:block
}
/*@media (max-width: 1000px) {*/
/*    */
/*}*/

@media (min-width: 768px) and (max-width: 1000px) {
    .appeal__list-body a:last-child{
        text-align: right;
        margin-right: 25px;
    }
    .for_full{
        display: none;
    }
    .for_1000{
        display: block;
    }
    .c-white.for_1000{
        filter:none;
        width: 34px;
    }
    .w1418{
        zoom: 0.6;
    }
    .modal{
        /*margin:unset*/
    }
    .custom_modile_row_flex .col-50{
        max-width: none !important;
        width: calc((100% - 20px) / 2)!important;
    }
    .tumb-bl__xs span{
        font-size: 12px;
    }
    .tumb-bl__xs small {
        font-size: 12px;
    }
    .btn.btn__gradient.add_balance_user{
        height: 46px;
    }
    .content_user_info .gap20{
        gap:7px;
    }
    .content_user_info .tumb-bl__xs{
        padding: 11px 0;
    }
    .admTariff{
        padding: 14px;
    }
    .custom_modile_row_flex .title{
        margin-bottom: 0;
    }
    .title{
        font-size: 18px;
    }
    .table-bBorder tbody td {
        font-size: 13px;
    }
    .table-striped tbody td{
        font-size: 13px;
    }
    .custom_row_table {
        & .row_refers_user_columns {
            & .row_refers_user_column {
                .row_refers_user_lvl {
                    font-size: 12px!important;
                    /* color: #666666; */
                    line-height: 15px!important;
                }
            }
        }
    }
}
.modal-backdrop{
    width: unset ;
    height: unset ;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}
@media (max-width: 768px) {
    .addTask{
        /*flex-direction: column!important;*/
    }
    .form_modile_left {

        max-width: 100%!important;
        width: 100%;
    }
    .form_modile_treeple .col-33 {
         max-width: 100% ;
         width: 100%;
    }
    .for_768{
        display: block;
    }
    .for_full{
        display: none;
    }
    .c-white.for_768{
        filter:none;
        width: 38px;
        margin-right: 0;
    }
    /*.appeal__list-name{*/
    /*    display: inline-flex;*/
    /*    flex-grow: unset!important;*/
    /*    width: 100%!important;*/
    /*    height: unset!important;*/
    /*}*/
    /*.appeal__list-comment{*/
    /*    display: inline-flex;*/
    /*    flex-grow: unset!important;*/
    /*    width: 100%!important;*/
    /*    height: unset!important;*/
    /*}*/
    .appeal__list-body {
        height: 88px;
    }
    .blo-mob-in{
        margin-bottom: 10px;
    }
    .blo-mob-in-name{
        margin-left: 10px;
    }
    .appeal__list-body a:last-child{
        min-width: unset;
        width: unset;
    }
}



.appeal .appeal__list-name {
    flex-grow: 0
}

.appeal .appeal__list-comment {
    flex-grow: 1
}

.appeal .appeal__list-status {
    flex-grow: 0
}

.appeal__create._hide {
    display: none
}

.kwt-file__drop-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 20px;
    width: 100%;
    max-width: 340px;
    height: 64px;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px dashed #525252;
    transition: .3s
}

.kwt-file__choose-file {
    flex-shrink: 0;
    border-radius: 100%;
    margin-right: 10px;
    color: #666;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.kwt-file__choose-file.kwt-file_btn-text {
    font-size: 30px
}

.kwt-file__choose-file svg {
    width: 24px;
    height: 24px;
    display: block
}

.kwt-file__msg {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%
}

.kwt-file__input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

.kwt-file__input:focus {
    outline: none
}

.kwt-file__delete {
    display: none;
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.kwt-file__delete:before {
    content: "";
    position: absolute;
    left: 0;
    transition: .3s;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill=%27%23666666%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 438.5 438.5%27%3e%3cpath d=%27M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z%27/%3e%3cpath d=%27M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z%27/%3e%3c/svg%3e")
}

.kwt-file__delete:after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0);
    background-color: #666;
    border-radius: 50%;
    transition: .3s
}

.kwt-file__delete:hover:after {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: .1
}

.settings {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px
}

.settings__title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px
}

.settings .btn {
    max-width: 260px
}

.auth {
    width: 100%;
    padding-top: 50px;
    background: #191a1f;
    min-height: 100vh;
}

.auth__content {
    width: 100%;
    max-width: 548px;
    padding: 0 20px;
    margin: 0 auto
}

.auth__header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 58px
}

.auth__title {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 32px
}

.auth__tab-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    justify-content: center;
    margin-bottom: 30px
}

.auth__tab-nav li {
    width: 201px;
    height: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: linear-gradient(223deg, #484848 0%, #666 100%);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.auth__tab-nav li:first-child {
    border-radius: 10px 0px 0px 10px
}

.auth__tab-nav li:last-child {
    border-radius: 0px 10px 10px 0px
}

.auth__bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 40px;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .56px;
    text-align: center
}

.auth__bottom a {
    color: #666;
    text-decoration: underline
}

.auth__bottom a.c-colored {
    text-decoration: none
}

.auth__bottom-row.f-11 {
    font-size: 11px
}

.mob-invite {
    display: none
}

.toBack-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8.36px;
    margin-bottom: 20px;
    text-decoration: none
}

.toBack-link span {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

.admStatistic {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px
}

.admStatistic__left {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column
}

.admStatistic__left .tumb__progress-bl {
    margin: 0;
    width: 100%;
    max-width: none;
    padding-top: 13px;
    padding-bottom: 10px
}

.admStatistic__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 15px
}

.admStatistic__row {
    color: #666;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    justify-content: space-between;
}

.admStatistic__row b {
    color: #fff;
    font-weight: 400
}

.user-photo-256 {
    width: 226px;
    height: 226px;
    border-radius: 50%;
    border: 2px solid #666
}

.user-photo-256 img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.admTariff {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    overflow: hidden;
    justify-content: space-between
}

.admTariff__info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    flex-grow: 1;
    max-width: 370px;
    z-index: 5;
}

.admTariff__text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column
}

.admTariff__text-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 42px;
    border-bottom: 1px solid #303030
}

.admTariff__text-row span {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%
}

.admTariff__redact {
    margin-left: auto
}

.admTariff__right.my_bb {
    position: relative;
}

.admTariff__right img {
    height: 111px;
    margin-right: -65px;
    margin-top: 0px;
    margin-bottom: -7px
}

.admTariff__right img.my_bb {
    position: absolute;
    right: -152px;
    top: -75px;
    height: 375px;
}

.admTask .btn,
.admBonus .btn {
    max-width: 253px
}

.drop {
    position: relative;
    background: #131217;
    padding: 10px;
    margin: -10px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom: none;
    border-radius: 9px 9px 0 0
}

.drop a {
    margin-bottom: 0
}

.drop>a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.drop>a img {
    margin-left: 5px;
    filter: invert(35%) sepia(64%) saturate(4%) hue-rotate(345deg) brightness(99%) contrast(97%)
}

.drop__list {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-left: -1px;
    margin-right: -1px;
    width: calc(100% + 2px);
    background: #131217;
    border-radius: 0 0 9px 9px
}

.drop__list a {
    padding: 10px;
    border-bottom: solid 1px #191a1f
}

.drop._active {
    border: 1px solid #191a1f;
    background: #131217;
    border-bottom: none
}

.drop._active .drop__list {
    display: flex;
    border: 1px solid #191a1f
}

.addBonus {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-between
}

.addBonus__left {
    width: 253px;
    min-width: 253px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    flex-direction: column
}

.addBonus__photo {
    width: 100%;
    border-radius: 9px;
    background: #131217;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    padding-bottom: 20px;
    position: relative
}

.addBonus__photoImg {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 236px;
    opacity: .3
}

.addBonus .kwt-file {
    border-radius: 9px 9px 0px 0px;
    border: 1px dashed #3a3a3a;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 236px;
    max-width: none
}

.addBonus .kwt-file__drop-area {
    flex-grow: 1;
    border: none;
    flex-direction: column;
    max-width: none
}

.addBonus .kwt-file__choose-file.kwt-file_btn-text {
    margin: 0;
    color: #3a3a3a;
    text-align: center;
    font-size: 100px;
    font-weight: 400;
    line-height: normal
}

.addBonus .kwt-file__choose-file.kwt-file_btn-text span {
    color: #3a3a3a;
    text-align: center;
    font-size: 100px;
    font-weight: 400;
    line-height: normal
}

.addBonus__photoImg+.dragDrop .kwt-file__choose-file.kwt-file_btn-text {
    color: #fff
}

.addBonus__photoImg+.dragDrop .kwt-file__choose-file.kwt-file_btn-text span {
    color: #fff
}

.addBonus .kwt-file__msg {
    text-align: center;
    white-space: normal;
    overflow: visible
}

.addBonus__photoImg+.dragDrop .kwt-file__msg {
    color: #fff
}

.addBonus__photo-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: normal
}

.addBonus__photo-title small {
    font-size: 16px
}

.addBonus__right {
    width: calc(100% - 253px - 20px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1
}

.addBonus__right textarea {
    flex-grow: 1
}

.addBonus__right hr {
    border: none;
    border-bottom: solid 1px #191a1f
}

.addBonus__right .input,
.addBonus__right .input__group,
.addBonus__right .select,
.addBonus__right .custom-select-trigger {
    height: 55px
}

.input__group input {
    height: 100% !important;
}

.addBonus__right .input__group .btn {
    height: 100%;
    min-width: 55px
}

.addBonus__cahgeStatus {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px
}

.addBonus__cahgeStatus .btn {
    max-width: 140px;
    input {
        display: none;
    }
}

.addTask {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-between
}

.addTask__left {
    min-width: 293px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    flex-direction: column
}

.form_modile_left {
    background: transparent;
}

.addTask__left.form_modile_left.service__item.service__blue:hover,
.addTask__left.form_modile_left.service__item.service__1:hover {
    border: 1px solid transparent;
}

.addTask__photo {
    width: 100%;
    border-radius: 9px;
    background: #191A1F;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    padding-bottom: 20px;
    position: relative
}

.addTask__photo .dragDrop {
    width: 100%
}

.addTask__photoImg {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 236px;
    opacity: .3
}

.addTask .kwt-file {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 9px 9px 0px 0px;
    /*border: 1px dashed #3a3a3a;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 155px;
    max-width: none
}

.addTask .kwt-file__drop-area {
    flex-grow: 1;
    border: none;
    flex-direction: column;
    max-width: none
}

.addTask .kwt-file__choose-file.kwt-file_btn-text {
    margin: 0;
    color: white;
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    border: 2px solid;
    padding: 15px;
}

.addTask .kwt-file__choose-file.kwt-file_btn-text span {
    color: #3a3a3a;
    text-align: center;
    font-size: 100px;
    font-weight: 400;
    line-height: normal
}

.addTask__photo-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: start;
    gap: 10px;
    flex-direction: column;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding-left: 10px;
}

.addTask__photo-title small {
    font-size: 16px
}

.addTask__right {
    width: calc(100% - 436px - 20px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1
}

.addTask__right textarea {
    flex-grow: 1
}

.addTask__right hr {
    border: none;
    border-bottom: solid 1px #191a1f
}

.addTask__right .input,
.addTask__right .input__group,
.addTask__right .select,
.addTask__right .custom-select-trigger {
    height: 55px
}

.addTask__right .input__group .btn {
    height: 100%;
    min-width: 55px
}

.addTask__cahgeStatus {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px
}

.addTask__cahgeStatus .btn {
    max-width: 140px
}

.admins__group-title {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%
}

.admins__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column
}

.admins__item {
    width: 100%;
    border-radius: 16px;
    height: 55px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 5px 15px
}

.admins__item:nth-child(odd) {
    background: #191a1f
}

.admins__switch-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 14px
}

.admins__switch-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

.admins__switch-text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.admins__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 110%
}

.switch {
    position: relative;
    display: inline-block;
    height: 26px
}

.switch input {
    display: none
}

.switch__checkbox {
    width: 44px;
    min-width: 44px;
    height: 22px
}

.switch__slider {
    position: relative;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
    width: 44px;
    min-width: 44px;
    height: 22px;
    border-radius: 13px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 2px
}

.switch__slider:before {
    position: relative;
    content: "";
    display: block;
    background-color: var(--gray6);
    -webkit-transition: .4s;
    transition: .4s;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border-radius: 18px
}

input[type=checkbox]:checked+.switch__slider {
    background-color: var(--purp)
}

input[type=checkbox]:checked+.switch__slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
    background: #fff
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none
}

.custom-select-wrapper select {
    display: none
}

.custom-select {
    position: relative;
    display: flex;
    width: 100%
}

.custom-select-trigger {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 65px;
    padding: 0 55px 0 22px;
    color: var(--gray6);
    border: 1px solid #282828;
    background: #131217;
    border-radius: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.custom-select-trigger span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    min-width: 55px;
    top: 0%;
    right: 0px;
    margin-top: 0px;
    background: url(../images/i-add.svg), linear-gradient(223deg, #484848 0%, #666 100%);
    background-repeat: no-repeat, repeat;
    background-position: center, center;
    border-radius: 9px
}

.custom-select.opened .custom-select-trigger {
    border-top: none;
    border-radius: 0 0 10px 10px
}

.custom-options {
    position: absolute;
    display: block;
    bottom: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    border: 1px solid #282828;
    background: #131217;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
    padding: 15px 15px 10px 15px;
    box-sizing: border-box;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(15px)
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0)
}

.option-hover:before {
    background: #f9f9f9
}

.custom-option {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid #464646;
    cursor: pointer;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 140%
}

.custom-option:first-of-type {
    border-top: 1px solid #464646
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px
}

.admQuestion__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 15px
}

.admQuestion__item {
    border-radius: 10px;
    background: #131217;
    cursor: pointer;
    padding: 20px;
    height: 62px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%
}

.admQuestion__item:after {
    /* content: "";
    vertical-align: middle;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/default/images/i-arrow-right.svg) no-repeat center;
    filter: invert(100%);
    transform: rotate(0deg);
    transition: all .5s */
}

.admQuestion__item img {
    /* content: "";
    vertical-align: middle;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/default/images/i-arrow-right.svg) no-repeat center;
    filter: invert(100%);
    transition: all .5s */
    transform: rotate(90deg);
}

.admHelp__header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px
}

.admHelp__header .tumb {
    max-width: 467px;
    width: 100%;
    padding: 10px
}

.admHint {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 25px;
    margin-top: 40px
}

.admHint__title {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.admHint__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px
}

.admHint__item {
    padding: 5px 20px;
    height: 60px;
    border-radius: 10px;
    background: #131217;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%
}

.home {
    background: #191a1f
}

.home .container {
    width: 100%;
    max-width: 1483px;
    padding: 0 20px;
    margin: 0 auto
}

.home .header {
    height: 104px;
    border-bottom: 1px solid #343434;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.home .header .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.home .header .btn {
    height: 54px
}

.home .header .logo-header img {
    width: 140px
}

.logo-header {
    margin-left: 8px;
}

.home .header__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 40px;
    flex-grow: 1
}

.home .header__left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.home .header__right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-grow: 1;
    max-width: 1147px
}

.home .header__nav {
    flex-grow: 1
}

.home .header__nav .mobNav-i {
    display: none
}

.home .header__nav-bl {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between
}

.home .header__nav-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 35px
}

.home .header__nav-left a {
    text-decoration: none;
    color: #5f5f5f;
    font-size: 18px;
    font-weight: 400;
    line-height: normal
}

.home .header__nav-left a._active,
.home .header__nav-left a:hover {
    color: #fff
}

.home .header__nav-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px
}

.home .banner {
    margin-top: 100px
}

.home .banner__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.home .banner__left {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 35px
}

.home .banner__title {
    color: #fff;
    font-size: 70px;
    font-weight: 400;
    line-height: 110%
}

.home .banner__text {
    color: #a1a1a1;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.home .banner__btn {
    max-width: 270px
}

.home .about {
    margin-top: 100px
}

.home .about__content {
    border-radius: 25px;
    background: #222328;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 60px 10px 10px
}

.home .about__title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.home .about__title small {
    color: #a1a1a1;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px
}

.home .about__title b {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 20px
}

.home .about__title>span {
    color: #a1a1a1;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.home .about__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 60px
}

.home .about__item {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    border-radius: 23px;
    background: #191a1f;
    padding: 30px 26px;
    gap: 20px
}

.home .about__item img {
    width: 48px;
    height: 48px
}

.home .about__item-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: normal
}

.home .about__item-text {
    color: #a1a1a1;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.home .video {
    margin-top: 100px
}

.home .video__content {
    border-radius: 23px;
    overflow: hidden
}

.home .video__content video {
    width: 100%;
    height: 100%
}

.home .interface {
    margin-top: 100px;
    margin-bottom: 100px
}

.home .interface__top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end
}

.home .interface__top-left {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    line-height: 120%
}

.home .interface__top-right {
    color: #a1a1a1;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%
}

.home .interface__nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 25px;
    margin-top: 35px
}

.home .interface__nav a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 20%;
    color: #545454;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    border-top: 1px solid #545454;
    position: relative
}

.home .interface__nav a:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #545454;
    border-radius: 10px;
    position: absolute;
    top: -6px;
    right: -5px;
    z-index: 1
}

.price-point {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px
}

.price-point__item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-radius: 10px;
    background: #121212;
    padding: 20px 0 20px 20px;
    border: 1px solid #131217;
    width: calc((100% - 40px)/3);
    flex-grow: 1;
    gap: 20px;
    overflow: hidden
}

.price-point__item img {
    margin-top: -3px;
    margin-bottom: -14px;
    margin-right: -86px
}

.price-point__item>* {
    opacity: 65%
}

.price-point__info {
    min-width: 241px
}

.price-point__title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 8px
}

.price-point__text {
    color: var(--gray6);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%
}

.price-point__text .c-green,
.price-point__text .c-purp {
    color: var(--gray6)
}

.price-point__text-row {
    border-bottom: 1px solid #383a46;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 39px
}

.standart img.colored {
    filter: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%)
}

.standart .c-colored {
    color: #ffa216
}

.standart .admTariff._standart .colored {
    color: var(--yellow)
}

.standart .admTariff._progress .colored {
    color: var(--blue)
}

.standart .admTariff._expert .colored {
    color: var(--purp)
}

.standart .span_dlya_notif {
    color: var(--yellow)
}

.progress .span_dlya_notif {
    color: var(--blue)
}

.expert .span_dlya_notif {
    color: var(--purp)
}
.standart .share_link {
    background: var(--yellow);

}
.share_link {
    margin-left: 30px;
    padding: 4px;
    border-radius: 6px;
    cursor: pointer;
}
.progress .share_link {
    background: var(--blue)
}

.expert .share_link {
    background: var(--purp)
}

.standart .logo-header img {
    content: url(../images/logo-standart.svg)
}

.standart .nav-v__menu a:hover span,
.standart .nav-v__menu button:hover span,
.standart .nav-v__menu a._active span {
    color: #ffa216
}

.standart .nav-v__menu a:hover img,
.standart .nav-v__menu button:hover img,
.standart .nav-v__menu a._active img {
    filter: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%)
}

.standart .nav-top__link {
    border: 1px solid #ffa216
}

.standart .btn__gradient {
    color: #ffa216;
    background: #131217;
    border: 1px solid #ffa216
}

.standart .btn__gradient:hover,
.standart .btn__gradient._active {
    color: #fff;
    background: linear-gradient(223deg, #FFA216 0%, #BD7303 100%);
    border: rgba(0, 0, 0, 0)
}

.standart .btn__border {
    color: #ffa216;
    border: solid 1px #ffa216;
    background: #191a1f;
    opacity: .5
}

.standart .btn__border:hover,
.standart .btn__border._active {
    opacity: 1
}

.standart .input-photo:before {
    background: #ffa216
}

.standart .tumb__user-name small {
    color: #ffa216
}

.standart .colored {
    color: #ffa216
}

.standart .tumb__progress-bar {
    background: #ffa216
}

.standart .price-point__item.price-progressive,
.standart .price-point__item.price-expert {
    border: 1px solid rgba(0, 0, 0, 0)
}

.standart .price-point__item.price-progressive .price-point__text .c-green,
.standart .price-point__item.price-expert .price-point__text .c-green {
    color: var(--gray6) !important
}

.standart .price-point__item.price-progressive .price-point__text .colored,
.standart .price-point__item.price-expert .price-point__text .colored {
    color: var(--gray6)
}

.standart .price-point__item.price-standart {
    border: 1px solid #ffa216
}

.standart .price-point__item.price-standart .title {
    color: #ffa216
}

.standart .price-point__item.price-standart>* {
    opacity: 1
}

.standart .price-point__item.price-standart .price-point__text .c-green {
    color: var(--green) !important
}

.standart .price-point__item.price-standart .price-point__text .colored {
    color: #ffa216
}

.standart .price-point__item.price-standart.price-pointMob {
    height: auto
}

.standart .price-point__item.price-standart.price-pointMob:before {
    display: none
}

.standart .price-point__item.price-standart.price-pointMob:after {
    display: none
}

.standart .network__user-photo img[src*=svg] {
    /*filter: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%);*/
    width: 50%;
}

.standart .networkMob .network__user-photo img[src*=svg] {
    filter: var(--gray6Svg)
}

.standart .network__level-col:before,
.standart .network__level-col:after {
    border-color: #ffa216
}

.standart .network__level.level2 {
    background: rgba(255, 162, 22, .08)
}

.standart .network__level.level3 {
    background: rgba(255, 162, 22, .05)
}

.standart .network__level.level4 {
    background: rgba(255, 162, 22, .03)
}

.standart .scroll-h::-webkit-scrollbar-thumb,
.standart .scroll::-webkit-scrollbar-thumb {
    background: #ffa216
}

.standart .tumb__progress-mob-item span {
    border: 1px solid #ffa216;
    color: #ffa216
}

.standart .networkMob__right:after {
    border-left: solid 1px #ffa216
}

.standart .network-table__filter a._active,
.standart .network-table__filter a:hover {
    color: #ffa216
}

.standart .tabs__nav li._active,
.standart .tabs__nav li:not(._active):hover {
    border-color: #BD7303;
    color: #BD7303;
}

.standart .help__tabs-nav li._active,
.standart .help__tabs-nav li:hover {
    background: linear-gradient(223deg, #FFA216 0%, #BD7303 100%);
    color: #fff
}

.standart .help__tabs-nav2 li._active img {
    filter: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%)
}

.standart .help__tabs-nav2 li._active span {
    color: #ffa216
}

.standart .accordion__item._active .accordion__heading::after {
    filter: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%)
}

.standart .auth__tab-nav li._active {
    background: linear-gradient(223deg, #FFA216 0%, #BD7303 100%)
}

.standart .drop._active>a,
.standart .drop>a:hover {
    color: #ffa216
}

.standart .drop._active>a img,
.standart .drop>a:hover img {
    filter: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%)
}

.standart .help__user-bl._active img[src*="i-user.svg"] {
    filter: invert(78%) sepia(55%) saturate(3625%) hue-rotate(346deg) brightness(101%) contrast(102%)
}

.standart .help__user-bl._active .help__user-name {
    color: #ffa216
}

.standart .admins__item:hover {
    color: #ffa216
}

.standart input[type=checkbox]:checked+.switch__slider {
    background-color: #ffa216
}

.standart .admins__title {
    color: #ffa216;
    margin-bottom: 20px
}

input:checked+.standart .switch__slider {
    background-color: #ffa216
}

input:focus+.standart .switch__slider {
    box-shadow: 0 0 1px #ffa216
}

.standart .custom-option:hover,
.standart .custom-option.selection,
.standart .custom-option.undefined:hover {
    color: #ffa216
}

.standart .custom-select.opened .custom-select-trigger:after {
    background: url(../images/i-add.svg), linear-gradient(223deg, #FFA216 0%, #BD7303 100%);
    background-repeat: no-repeat, repeat;
    background-position: center, center
}

.standart .custom-select-trigger._active span {
    color: #ffa216
}

.standart .custom-select-trigger._active:after {
    background: url(../images/i-add.svg), linear-gradient(223deg, #FFA216 0%, #BD7303 100%);
    background-repeat: no-repeat, repeat;
    background-position: center, center
}

.progressive img.colored {
    filter: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%)
}

.progressive .c-colored {
    color: #3cbdec
}

.progressive .admTariff._standart .colored {
    color: var(--yellow)
}

.progressive .admTariff._progress .colored {
    color: var(--blue)
}

.progressive .admTariff._expert .colored {
    color: var(--purp)
}

.progressive .logo-header img {
    content: url(../images/logo-progressive.svg)
}

.progressive .nav-v__menu a:hover span,
.progressive .nav-v__menu a._active span {
    color: #3cbdec
}

.progressive .nav-v__menu a:hover img,
.progressive .nav-v__menu a._active img {
    filter: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%)
}

.progressive .nav-top__link {
    border: 1px solid #3cbdec
}

.progressive .btn__gradient {
    color: #3cbdec;
    background: #131217;
    border: 1px solid #3cbdec
}

.progressive .btn__gradient:hover,
.progressive .btn__gradient._active {
    color: #fff;
    background: linear-gradient(223deg, #3CBDEC 0%, #0A74BC 100%);
    border: rgba(0, 0, 0, 0)
}

.progressive .btn__border {
    color: #3cbdec;
    border: solid 1px #3cbdec;
    background: #191a1f;
    opacity: .5
}

.progressive .btn__border:hover,
.progressive .btn__border._active {
    opacity: 1
}

.progressive .input-photo:before {
    background: #3cbdec
}

.progressive .tumb__user-name small {
    color: #3cbdec
}

.progressive .colored {
    color: #3cbdec
}

.progressive .tumb__progress-bar {
    background: #3cbdec
}

.progressive .price-point__item.price-standart,
.progressive .price-point__item.price-expert {
    border: 1px solid rgba(0, 0, 0, 0)
}

.progressive .price-point__item.price-standart .price-point__text .c-green,
.progressive .price-point__item.price-expert .price-point__text .c-green {
    color: var(--gray6) !important
}

.progressive .price-point__item.price-standart .price-point__text .colored,
.progressive .price-point__item.price-expert .price-point__text .colored {
    color: var(--gray6)
}

.progressive .price-point__item.price-progressive {
    border: 1px solid #3cbdec
}

.progressive .price-point__item.price-progressive .title {
    color: #3cbdec
}

.progressive .price-point__item.price-progressive>* {
    opacity: 1
}

.progressive .price-point__item.price-progressive .price-point__text .c-green {
    color: var(--green) !important
}

.progressive .price-point__item.price-progressive .price-point__text .colored {
    color: #3cbdec
}

.progressive .price-point__item.price-progressive.price-pointMob {
    height: auto
}

.progressive .price-point__item.price-progressive.price-pointMob:before {
    display: none
}

.progressive .price-point__item.price-progressive.price-pointMob:after {
    display: none
}

.progressive .network__user-photo img[src*=svg] {
    filter: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%)
}

.progressive .networkMob .network__user-photo img[src*=svg] {
    filter: var(--gray6Svg)
}

.progressive .network__level-col:before,
.progressive .network__level-col:after {
    border-color: #3cbdec
}

.progressive .network__level.level2 {
    background: rgba(60, 189, 236, .08)
}

.progressive .network__level.level3 {
    background: rgba(60, 189, 236, .05)
}

.progressive .network__level.level4 {
    background: rgba(60, 189, 236, .03)
}

.progressive .scroll-h::-webkit-scrollbar-thumb,
.progressive .scroll::-webkit-scrollbar-thumb {
    background: #3cbdec
}

.progressive .tumb__progress-mob-item span {
    border: 1px solid #3cbdec;
    color: #3cbdec
}

.progressive .networkMob__right:after {
    border-left: solid 1px #3cbdec
}

.progressive .network-table__filter a._active,
.progressive .network-table__filter a:hover {
    color: #3cbdec
}

.progressive .tabs__nav li._active,
.progressive .tabs__nav li:not(._active):hover {
    border-color: #0A74BC;
    color: #0A74BC;
}

.progressive .help__tabs-nav li._active,
.progressive .help__tabs-nav li:hover {
    background: linear-gradient(223deg, #3CBDEC 0%, #0A74BC 100%);
    color: #fff
}

.progressive .help__tabs-nav2 li._active img {
    filter: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%)
}

.progressive .help__tabs-nav2 li._active span {
    color: #3cbdec
}

.progressive .accordion__item._active .accordion__heading::after {
    filter: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%)
}

.progressive .auth__tab-nav li._active {
    background: linear-gradient(223deg, #3CBDEC 0%, #0A74BC 100%)
}

.progressive .drop._active>a,
.progressive .drop>a:hover {
    color: #3cbdec
}

.progressive .drop._active>a img,
.progressive .drop>a:hover img {
    filter: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%)
}

.progressive .help__user-bl._active img[src*="i-user.svg"] {
    filter: invert(64%) sepia(90%) saturate(1287%) hue-rotate(163deg) brightness(98%) contrast(88%)
}

.progressive .help__user-bl._active .help__user-name {
    color: #3cbdec
}

.progressive .admins__item:hover {
    color: #3cbdec
}

.progressive input[type=checkbox]:checked+.switch__slider {
    background-color: #3cbdec
}

.progressive .admins__title {
    color: #3cbdec;
    margin-bottom: 20px
}

input:checked+.progressive .switch__slider {
    background-color: #3cbdec
}

input:focus+.progressive .switch__slider {
    box-shadow: 0 0 1px #3cbdec
}

.progressive .custom-option:hover,
.progressive .custom-option.selection,
.progressive .custom-option.undefined:hover {
    color: #3cbdec
}

.progressive .custom-select.opened .custom-select-trigger:after {
    background: url(../images/i-add.svg), linear-gradient(223deg, #3CBDEC 0%, #0A74BC 100%);
    background-repeat: no-repeat, repeat;
    background-position: center, center
}

.progressive .custom-select-trigger._active span {
    color: #3cbdec
}

.progressive .custom-select-trigger._active:after {
    background: url(../images/i-add.svg), linear-gradient(223deg, #3CBDEC 0%, #0A74BC 100%);
    background-repeat: no-repeat, repeat;
    background-position: center, center
}

.expert img.colored {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert .c-colored {
    color: #ea39c2
}

.expert .admTariff._standart .colored {
    color: var(--yellow)
}

.expert .admTariff._progress .colored {
    color: var(--blue)
}

.expert .admTariff._expert .colored {
    color: var(--purp)
}

.expert .logo-header img {
    content: url(../images/logo-expert.svg)
}

.expert .nav-v__menu a:hover span,
.expert .nav-v__menu a._active span {
    color: #ea39c2
}

.expert .nav-v__menu a:hover img,
.expert .nav-v__menu a._active img {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert .nav-top__link {
    border: 1px solid #ea39c2
}

.expert .btn__gradient {
    color: #ea39c2;
    background: #131217;
    border: 1px solid #ea39c2
}

._expert .title__ {
    color: #ea39c2;
}

._standart .title__ {
    color: #FFA216;
}

._progress .title__ {
    color: #3CBDEC;
}

.expert .btn__gradient:hover,
.expert .btn__gradient._active {
    color: #fff;
    background: linear-gradient(223deg, #EA39C2 0%, rgba(199, 10, 157, 0.8) 100%);
    border-color: rgba(0, 0, 0, 0)
}

.expert .btn__transparent:hover,
.expert .btn__transparent._active {
    color: #fff;
    background: linear-gradient(223deg, #EA39C2 0%, rgba(199, 10, 157, 0.8) 100%);
    border: rgba(0, 0, 0, 0)
}

.expert .btn__border {
    color: #ea39c2;
    border: solid 1px #ea39c2;
    background: #191a1f;
    opacity: .5
}

.expert .btn__border:hover,
.expert .btn__border._active {
    opacity: 1
}

.expert .input-photo:before {
    background: #ea39c2
}

.expert .tumb__user-name small {
    color: #ea39c2
}

.expert .colored {
    color: #ea39c2
}

.expert .tumb__progress-bar {
    background: #ea39c2
}

.expert .price-point__item.price-standart,
.expert .price-point__item.price-expert {
    border: 1px solid rgba(0, 0, 0, 0)
}

.expert .price-point__item.price-standart .price-point__text .c-green,
.expert .price-point__item.price-expert .price-point__text .c-green {
    color: var(--gray6) !important
}

.expert .price-point__item.price-standart .price-point__text .colored,
.expert .price-point__item.price-expert .price-point__text .colored {
    color: var(--gray6)
}

.expert .price-point__item.price-expert {
    border: 1px solid #ea39c2
}

.expert .price-point__item.price-expert .title {
    color: #ea39c2
}

.expert .price-point__item.active>* {
    opacity: 1
}

.expert .price-point__item.price-expert .price-point__text .c-green {
    color: var(--green) !important
}

.expert .price-point__item.price-expert .price-point__text .colored {
    color: #ea39c2
}

.expert .price-point__item.price-expert.price-pointMob {
    height: auto
}

.expert .price-point__item.price-expert.price-pointMob:before {
    display: none
}

.expert .price-point__item.price-expert.price-pointMob:after {
    display: none
}

.expert .network__user-photo img[src*=svg] {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert .networkMob .network__user-photo img[src*=svg] {
    filter: var(--gray6Svg)
}

.expert .network__level-col:before,
.expert .network__level-col:after {
    border-color: #ea39c2
}

.expert .network__level.level2 {
    background: rgba(234, 57, 194, .08)
}

.expert .network__level.level3 {
    background: rgba(234, 57, 194, .05)
}

.expert .network__level.level4 {
    background: rgba(234, 57, 194, .03)
}

.expert .scroll-h::-webkit-scrollbar-thumb,
.expert .scroll::-webkit-scrollbar-thumb {
    background: #ea39c2
}

.expert .tumb__progress-mob-item span {
    border: 1px solid #ea39c2;
    color: #ea39c2
}

.expert .networkMob__right:after {
    border-left: solid 1px #ea39c2
}

.expert .network-table__filter a._active,
.expert .network-table__filter a.active,
.expert .network-table__filter a:hover {
    color: #ea39c2
}

.expert .tabs__nav li._active,
.expert .tabs__nav li:not(._active):hover {
    border-color: #EA39C2;
    color: #EA39C2;
}

.expert .help__tabs-nav li._active,
.expert .help__tabs-nav li:hover,
.expert .help__tabs-nav a._active,
.expert .help__tabs-nav a:hover {
    background: linear-gradient(223deg, #EA39C2 0%, rgba(199, 10, 157, 0.8) 100%);
    color: #fff
}
.help__tabs-nav a:first-child._active{
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}
.help__tabs-nav a:last-child._active{
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}

.expert .help__tabs-nav2 li._active img {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert .help__tabs-nav2 li._active span {
    color: #ea39c2
}

.expert .accordion__item._active .accordion__heading::after {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert .auth__tab-nav li._active {
    background: linear-gradient(223deg, #EA39C2 0%, rgba(199, 10, 157, 0.8) 100%)
}

.expert .drop._active>a,
.expert .drop>a:hover {
    color: #ea39c2
}

.expert .drop._active>a img,
.expert .drop>a:hover img {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert .help__user-bl._active img[src*="i-user.svg"] {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert .help__user-bl._active .help__user-name {
    color: #ea39c2
}

.expert .admins__item:hover {
    color: #ea39c2
}

.expert input[type=checkbox]:checked+.switch__slider {
    background-color: #ea39c2
}

.expert .admins__title {
    color: #ea39c2;
    margin-bottom: 20px
}

input:checked+.expert .switch__slider {
    background-color: #ea39c2
}

input:focus+.expert .switch__slider {
    box-shadow: 0 0 1px #ea39c2
}

.expert .custom-option:hover,
.expert .custom-option.selection,
.expert .custom-option.undefined:hover {
    color: #ea39c2
}

.expert .custom-select.opened .custom-select-trigger:after {
    background: url(../images/i-add.svg), linear-gradient(223deg, #EA39C2 0%, rgba(199, 10, 157, 0.8) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center, center
}

.expert .custom-select-trigger._active span {
    color: #ea39c2
}

.expert .custom-select-trigger._active:after {
    background: url(../images/i-add.svg), linear-gradient(223deg, #EA39C2 0%, rgba(199, 10, 157, 0.8) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center, center
}

.expert.home .about__item img {
    filter: invert(37%) sepia(33%) saturate(5287%) hue-rotate(289deg) brightness(94%) contrast(95%)
}

.expert.home .interface__nav a._active {
    border-top-color: #ea39c2;
    color: #ea39c2
}

.expert.home .interface__nav a._active:after {
    background: #ea39c2
}

@keyframes errorInput {
    0% {
        transform: translateX(0px)
    }
    25% {
        transform: translateX(-5px)
    }
    50% {
        transform: translateX(0px)
    }
    75% {
        transform: translateX(5px)
    }
    100% {
        transform: translateX(0px)
    }
}

@keyframes popupUp {
    0% {
        opacity: 0;
        transform: translateY(-50%) translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: translateY(-100%) translateX(-50%);
    }
}

.verify_phone_window {
    position: fixed;
    inset: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 1000;
}

.verify_phone_window_bg {
    position: absolute;
    inset: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
}

.verify_phone_window_content {
    z-index: 2;
    max-width: max-content;
    height: max-content;
    display: flex;
    flex-wrap: wrap;
    background: #131217;
    border-radius: 10px;
    padding: 15px;
}

.verify_phone_window_content>label {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}

.verify_phone_window_content>label>text {
    color: #fff;
}

.verify_phone_window_content_input {
    max-width: 100%;
    width: 100%;
    outline: none;
    margin-top: 15px;
}

input[phone-verify] {
    /* max-width: 66%; */
    width: 100%;
}

.phone_verify_parent input.accept,
.parent_profile_phone input.accept {
    width: 100%;
    max-width: 100%;
}

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

.phone_verify_button {
    max-width: 32%;
    width: 100%;
    height: auto;
}

.preloader_form {
    --offset: 187;
    --duration: 1.4s;
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    inset: 0;
    background: rgba(19, 18, 23, 80%);
    z-index: 200;
    border-radius: 10px;
    &.active {
        display: flex;
    }
    svg {
        max-width: 64px;
        width: 100%;
        aspect-ratio: 1 / 1;
    }
}

.form__etaps {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    transition: all .3s;
}

.form__etaps.etap1 .form__etap.etap2,
.form__etaps.etap1 .form__etap.etap3 {
    display: none;
}

.form__etaps.etap2 .form__etap.etap1,
.form__etaps.etap2 .form__etap.etap3 {
    display: none;
}

.form__etaps.etap3 .form__etap.etap2,
.form__etaps.etap3 .form__etap.etap1 {
    display: none;
}

.form__etap {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 18px;
}

.etap2 .form__row {
    .form__row__title {
        font-size: 20px;
        line-height: 18px;
        margin-bottom: 15px;
        color: #fff;
        margin-top: 25px;
    }
    .form__row__subtitle {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 20px;
        color: #666666;
    }
    .form__row__update {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 20px;
    }
    .form__row__inputs {
        display: flex;
        gap: 6px;
        .form__row__input {
            max-width: 100%;
            width: 100%;
            aspect-ratio: 1 / 1;
            border: 1px solid #282828;
            background: #191A1F;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            outline: none;
            font-size: 18px;
            line-height: 16px;
            color: #fff;
        }
    }
    .form__row__time {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 20px;
        .form__row__time_text {
            color: #666666;
            font-size: 16px;
            line-height: 100%;
        }
    }
}

.verify_phone_window_content label .verify_phone_window_content_input.error.input {
    border-color: #f00 !important;
    animation: errorInput .2s ease-in-out;
}

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

.parent_profile_phone .sent_profile {
    height: auto;
}

.parent_profile_phone input {
    width: 100%;
    max-width: 58%;
}

.verify_phone_window_content .verify_phone_window_content_send {
    max-width: 100%;
}

.verify_phone_window_content label text.error {
    color: #f00;
    margin-top: 10px;
}

.standart .border_img_lvl {
    --pie-c: #ffa216;
}

.progressive .border_img_lvl {
    --pie-c: #3cbdec;
}

.expert .border_img_lvl {
    --pie-c: #ea39c2;
}

.border_img_lvl {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient( var(--pie-c) var(--pie-p, 0%), transparent 0);
    --pie-b: 2px;
    mask: radial-gradient(farthest-side, #0000 calc(99% - var(--pie-b)), #000 calc(100% - var(--pie-b)));
}

.tumb__user-photo .input-photo:before {
    display: none;
}

.pos_rel {
    position: relative;
}

.popup_miniinfo {
    position: absolute;
    top: 0;
    transform: translateY(-100%) translateX(-50%);
    width: max-content;
    max-width: 400px;
    min-width: 230px;
    border-radius: 5px;
    padding: 15px;
    animation: popupUp .4s ease-in-out;
    background: #131217;
    font-size: 17px;
    left: 50%;
    text-align: center;
}

.price-point__item.price-standart .title,
.price-point__item.price-standart .price-point__text .colored {
    color: #ffa216 !important;
}

.price-point__item.price-progressive .title,
.price-point__item.price-progressive .price-point__text .colored {
    color: #3cbdec !important;
}

.price-point__item.price-expert .title,
.price-point__item.price-expert .price-point__text .colored {
    color: #ea39c2 !important;
}

body .main-content .price-point .price-point__item .price-point__text-row span.c-green {
    color: var(--green) !important;
}

.bonus_carousel {
    display: flex;
    overflow-x: auto;
    padding-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}

.bonus_carousel .service__item {
    max-width: calc(20% - 10px);
}

.check_alert,
.info_alert,
.error_alert,
.warning_alert {
    border-radius: 5px;
    max-width: 500px;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #2B3246;
    cursor: pointer;
    margin: 20px;
    position: fixed;
    right: -500px;
    top: 20px;
    font-size: 17px;
    z-index: 100000000;
}

.check_alert:hover {
    background-color: rgba(147, 209, 117, 0.50);
    transition: 0.5s;
}

.check_alert {
    color: #0ad406;
}

.info_alert {
    color: rgb(82, 125, 243);
}

.warning_alert {
    color: rgb(247, 149, 72);
}

.error_alert {
    color: rgb(255, 10, 1);
}

.popup_universal {
    position: fixed;
    inset: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.popup_universal_bg {
    position: absolute;
    inset: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
}

.popup_universal_content {
    border-radius: 7px;
    z-index: 2;
    background: #131217;
    display: flex;
    justify-content: center;
    padding: 20px;
    color: #fff;
}

.service_form_text {
    margin-bottom: 15px;
    font-size: 20px;
}

.buttons_form {
    display: flex;
}

.btn.btn__gradient+.triger_close_service_form {
    margin-left: 15px;
}

.container_button_add_admin {
    margin-bottom: 20px;
}

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

.popup_universal_content .tab-panel:nth-child(1) .form-group.moonshine-field:nth-child(2),
.popup_universal_content .tab-panel:nth-child(1) .form-group.moonshine-field:nth-child(4) {
    display: none;
}

.header__nav_button {
    display: none;
}

.header__nav_button_trigger {
    display: flex;
    flex-direction: column;
    width: 70px;
    cursor: pointer;
}

.header__nav_button_trigger span {
    background: #fff;
    border-radius: 10px;
    height: 4px;
    margin: 4px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.header__nav_button_trigger span:nth-of-type(1) {
    width: 50%;
}

.header__nav_button_trigger span:nth-of-type(2) {
    width: 100%;
}

.header__nav_button_trigger span:nth-of-type(3) {
    width: 75%;
}

#checkOpenMenu,
.header__nav_button_trigger {
    display: none;
}

#checkOpenMenu:checked~.header__nav_button_trigger span:nth-of-type(1) {
    transform-origin: bottom;
    transform: rotatez(45deg) translate(4px, 0px)
}

#checkOpenMenu:checked~.header__nav_button_trigger span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg)
}

#checkOpenMenu:checked~.header__nav_button_trigger span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(18px, -7px) rotatez(45deg);
}

.triger_update_service svg,
.service_item_trigger .btn svg {
    display: none;
    position: absolute;
    z-index: -10;
    opacity: 0;
    visibility: hidden;
}

.nav-top__left_user {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: max-content;
    .nav-top__left_user_role {
        color: #fff;
        font-size: 16px;
        line-height: 22.4px;
    }
    .nav-top__left_user_name {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 18px 20px;
        border-radius: 9px;
        border: 1px solid var(--activeColor);
        background: #131217;
        .nav-top__left_user_name_text {
            color: var(--activeColor);;
            font-size: 18px;
            line-height: 22.07px;
        }
    }
}

.user_trigger {
    --heightInfo: 220px;
    transition: all .3s;
    svg {
        transition: all .3s;
    }
    &.active {
        position: relative;
        background: #191A1F;
    }
    &.active_acordion {
        svg {
            transform: rotate(180deg);
            path {
                stroke: var(--activeColor);
            }
        }
    }
}

.custom_row_table {
    background: #191A1F;
    text-align: left;
    .row_refers_user_columns {
        display: flex;
        flex-direction: column;
        gap: 20px;
        .row_refers_user_column {
            display: flex;
            flex-direction: column;
            width: max-content;
            gap: 10px;
            .row_refers_user_lvl {
                font-size: 16px;
                /*color: #666666;*/
                line-height: 23.2px;
                text-align: left;
            }
            .row_refers_user_items {
                display: flex;
                flex-direction: column;
                height: 100%;
                overflow-y: scroll;
                gap: 8px;
                text-align: left;
                &::-webkit-scrollbar {
                    display: none;
                }
                .row_refers_user_item {
                    color: #fff;
                    font-size: 16px;
                    line-height: 23.2px;
                }
            }
        }
        /*.row_refers_user_column:nth-child(1) {*/
        /*    width: 100%;*/
        /*    border: 1px solid #FFA216;*/
        /*    border-radius: 6px;*/
        /*    padding: 10px;*/

        /*}*/
    }
}
.class_window{
    width: 100%;
    padding: 18px !important;
    text-align: left !important;
    font-size: 17px !important;
    color: white !important;
    border: none !important;
    background: #191a1f url(/default/images/arrow-down-white.svg) no-repeat right !important;
    background-position-x: calc(100% - 13px) !important;
}
.class_window option {
    color: white !important;
    text-align: left !important;
    background: #191a1f !important;
}

.search_users_table {
    display: flex;
    max-width: 100%;
    width: 100%;
    padding: 0 30px;
    .search_users_table_container {
        display: flex;
        align-items: center;
        max-width: 50%;
        width: 100%;
        .search_users_table_container_input {
            border-radius: 9px 0 0 9px;
            background: #131217;
            color: #FFFFFF;
            font-size: 14px;
            line-height: 16px;
            padding: 15px;
            max-width: 100%;
            width: 100%;
            height: 100%;
        }
        .search_users_table_container_icon {
            border-radius: 0 9px 9px 0;
            background: #131217;
            display: flex;
            align-items: center;
            aspect-ratio: 1 / 1;
            padding: 15px;
        }
    }
}

.pagination_container {
    display: flex;
    max-width: 100%;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
}

.click_open_sort {
    display: none;
}

.icon_mobile_sort {
    display: none;
}

.video_container {
    --itemsRow: 3;
    --gapItems: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gapItems);
    .video_item {
        max-width: calc((100% - (var(--gapItems) * (var(--itemsRow) - 1))) / var(--itemsRow));
        width: 100%;
        border-radius: 9px;
        border: 1px solid transparent;
        position: relative;
        transition: all .3s;
        .video_item_bg {
            position: absolute;
            inset: 0;
            max-width: 100%;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 5;
            /*background: rgba(0, 0, 0, 0.5);*/
            border-radius: 9px;
            transition: all .3s;
            .video_item_bg_icon {
                opacity: 1;
                transition: all .3s;
                cursor: pointer;
            }
        }
        .video_item_img {
            aspect-ratio: 447 / 248;
            max-width: 100%;
            width: 100%;
            img {
                max-width: 100%;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 9px 9px 0 0;
            }
        }
        .video_item_title {
            padding: 20px;
            font-size: 18px;
            line-height: 13px;
            color: #fff;
        }
        &:hover {
            border-color: var(--activeColor);
            .video_item_bg {
                background: rgba(0, 0, 0, 0);
                .video_item_bg_icon {
                    opacity: 1;
                }
            }
        }
    }
}

.video_redact_form {
    --widthItem: 449px;
    --gap: 20px;
    width: calc((var(--widthItem) * 2) + var(--gap));
    max-width: 100%;
}

.form__video__content {
    display: flex;
    gap: var(--gap);
    max-width: 100%;
    width: 100%;
    .form__video__content_left {
        max-width: 100%;
        width: 100%;
        .form__video__content_left_container {
            display: flex;
            flex-direction: column;
            border: 1px solid #666666;
            border-radius: 9px;
            .form__video__content_left_container_img {
                aspect-ratio: 449 / 249;
                max-width: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                border-bottom: 1px solid #666666;
                cursor: pointer;
                position: relative;
                input {
                    display: none;
                }
                .form__video__content_left_container_img_icon {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    gap: 6px;
                    .form__video__content_left_container_img_icon_text {
                        color: #fff;
                        font-size: 14px;
                        line-height: 17.17px;
                    }
                }
                img {
                    position: absolute;
                    inset: 0;
                    max-width: 100%;
                    width: 100%;
                    z-index: -1;
                    object-fit: cover;
                    transition: all .3s;
                    height: 100%;
                    &[src=""] {
                        opacity: 0;
                    }
                }
            }
            .form__video__content_left_container_title {
                padding: 20px;
                max-width: 100%;
                width: 100%;
                color: #fff;
                font-size: 18px;
                line-height: 13px;
            }
        }
    }
    .form__video__content_right {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px;
        .form__video__content_right_row {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            width: 100%;
            gap: 5px;
            .form__video__content_right_row_title {
                color: #fff;
                font-size: 16px;
                line-height: 23.2px;
            }
            input {
                background: #191A1F;
                border-radius: 10px;
                border: none;
                padding: 15px;
                color: #fff;
                &::placeholder {
                    color: #666666;
                }
            }
        }
        .form__video__content_right_button {
            margin-top: auto;
        }
    }
}

.service__item-title {
    width: 100%;
    text {
        overflow: hidden;
        width: 100px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        max-width: 100%;
        width: 100%;
    }
}

.modal#video_create,
.modal#create-service,
.modal#update-service,
.modal#update-category,
.modal#window_redact {
    max-width: max-content;
}
@media (max-width: 768px) {
    .modal#window_redact{
        max-width: 363px;
    }
    .form_window_content {
        width: 100%;
    }
    .form_window_content_right{
        width: 100%;
    }
    .class_window{
        font-size: 13px!important;
    }
}


.redact_container_category {
    display: flex;
    flex-direction: column;
    width: 1388px;
    max-width: 1388px;
    .redact_container_category_title {
        display: flex;
        max-width: 100%;
        width: 100%;
        margin-bottom: 5px;
        color: #666666;
        font-size: 16px;
        line-height: 23.2px;
    }
    .redact_container_category_top {
        display: flex;
        max-width: 100%;
        width: 100%;
        align-items: center;
        gap: 10px;
        .redact_container_category_top_input {
            display: flex;
            .redact_container_category_top_input_button {
                aspect-ratio: 1 / 1;
                border-radius: 9px;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 60px;
                background: var(--activeColor);
                font-size: 45px;
                color: #fff;
                z-index: 1;
                cursor: pointer;
            }
            .redact_container_category_top_input_input {
                display: flex;
                justify-content: center;
                text-align: center;
                color: #fff;
                font-size: 18px;
                line-height: 25.2px;
                padding: 17.5px 0;
                max-width: 100px;
                width: 100px;
                margin: 0 -10px;
                background: #191A1F;
            }
        }
        .redact_container_category_top_button {
            display: flex;
            max-width: 253px;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: var(--activeColor);
            border: 1px solid var(--activeColor);
            padding: 19px;
            background: transparent;
            border-radius: 9px;
            cursor: pointer;
        }
    }
    .redact_container_category_items {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
        gap: 10px;
        .redact_container_category_item {
            display: flex;
            width: max-content;
            padding: 19px 29px;
            font-size: 18px;
            line-height: 22.07px;
            border-radius: 10px;
            border: 1px solid var(--activeColor);
            color: var(--activeColor);
            background: transparent;
            text-align: center;
            outline: none;
            &:placeholder-shown {
                border-color: #666666;
                color: #666666;
                min-width: 209px;
                width: auto;
            }
        }
    }
    .redact_container_category_mobile {
        display: none;
        visibility: hidden;
        .redact_container_category_top_button {
            display: flex;
            max-width: 100%;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: var(--activeColor);
            border: 1px solid var(--activeColor);
            padding: 19px;
            background: transparent;
            border-radius: 9px;
            cursor: pointer;
        }
    }
}

.upload_img {
    max-width: 100%;
    width: 100%;
    border-radius: 9px;
    display: flex;
    aspect-ratio: 253 / 140;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
    img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 9px;
        position: absolute;
        inset: 0;
        z-index: 2;
        transition: all .3s;
        &[src=""] {
            opacity: 0;
            z-index: 0;
        }
    }
    input {
        display: none;
    }
    .upload_img_icon {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 10px;
        color: #fff;
        z-index: 1;
        transition: all .3s;
        position: absolute;
        inset: 0;
        max-width: 100%;
        width: 100%;
        height: 100%;
        border-radius: 9px;
    }
    &:hover {
        .upload_img_icon {
            background: rgba(0, 0, 0, .5);
            z-index: 3;
        }
    }
}

.service_item_trigger {
    &.active {
        border: 1px solid var(--activeColor);
        &:hover {
            border: 1px solid var(--activeColor);
        }
    }
}

.redact_container_service {
    .redact_container_service_left {
        display: flex;
        flex-direction: column;
        max-width: 253px;
        width: 253px;
        gap: 20px;
        .redact_container_service_card {
            display: flex;
            flex-direction: column;
            background: #191A1F;
            border-radius: 9px;
            .redact_container_service_card_title {
                color: #fff;
                font-size: 16px;
                max-width: calc(100% - 30px);
                width: 100%;
                margin: 0 15px 35px;
                line-height: 19.62px;
            }
            .redact_container_service_card_button {
                background: transparent;
                color: var(--colorModal);
                padding: 19px;
                border-radius: 9px;
                border: 1px solid var(--colorModal);
                font-size: 18px;
                line-height: 22.07px;
                max-width: calc(100% - 30px);
                width: 100%;
                margin: 0 15px 15px;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 7px;
                svg {
                    path {
                        stroke: var(--colorModal);
                    }
                }
            }
            .redact_container_service_card_img {
                .redact_container_service_card_img_mobile {
                    display: none;
                    visibility: hidden;
                    position: absolute;
                }
            }
        }
        .redact_container_service_left_button {
            background: transparent;
            color: var(--colorModal);
            padding: 19px;
            border-radius: 9px;
            border: 1px solid var(--colorModal);
            font-size: 18px;
            line-height: 22.07px;
            max-width: 100%;
            width: 100%;
            cursor: pointer;
            &[disabled] {
                border-color: #666666;
                color: #666666;
                pointer-events: none;
            }
        }
    }
}

.admHelp__content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    .admHelp__content_row {
        display: flex;
        flex-direction: column;
        gap: 15px;
        max-width: 50%;
        width: 100%;
        .admHelp__content_row_title {
            color: #FFFFFF;
            font-size: 18px;
            line-height: 21.6px;
        }
        .admHelp__content_row_list {
            display: flex;
            flex-direction: column;
            gap: 15px;
            max-width: 100%;
            width: 100%;
            .admHelp__content_row_list_item {
                max-width: 100%;
                width: 100%;
                input {
                    display: none;
                    /* &:checked~text {
                        border-color: ;
                        color: ;
                    } */
                }
                text {
                    border-radius: 9px;
                    border: 1px solid var(--activeColor);
                    background: #131217;
                    padding: 20px;
                    color: var(--activeColor);
                    transition: all .3s;
                    max-width: 100%;
                    width: 100%;
                    font-size: 18px;
                    cursor: pointer;
                }
                label {
                    display: flex;
                }
            }
        }
    }
}

.form_window_content,
.redact_container_service {
    display: flex;
    gap: 20px;
    .form_window_content_right,
    .redact_container_service_right {
        --widthItem: 454px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        /* max-width: 100%;
        width: calc((var(--widthItem) * 2) + 20); */
        .form_window_content_right_buttons,
        .redact_container_service_right_buttons {
            display: flex;
            gap: 20px;
            label {
                input {
                    display: none;
                    &:checked~text {
                        opacity: 1;
                    }
                }
                text {
                    padding: 19px;
                    max-width: 140px;
                    width: 140px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    border-radius: 10px;
                    border: 1px solid #fff;
                    transition: all .3s;
                    opacity: .5;
                    cursor: pointer;
                }
                &.standart text {
                    border-color: var(--standartColor);
                    color: var(--standartColor);
                }
                &.progressive text {
                    border-color: var(--progressiveColor);
                    color: var(--progressiveColor);
                }
                &.expert text {
                    border-color: var(--expertColor);
                    color: var(--expertColor);
                }
            }
        }
        .form_window_content_right_inputs,
        .redact_container_service_right_inputs {
            display: flex;
            gap: 20px;
            .form_window_content_right_inputs_item,
            .redact_container_service_right_inputs_item {
                max-width: 100%;
                width: 100%;
                gap: 20px;
                flex-direction: column;
                display: flex;
                .form_window_content_right_inputs_item_row,
                .redact_container_service_right_inputs_item_row {
                    display: flex;
                    max-width: 100%;
                    width: 100%;
                    gap: 20px;
                    width: var(--widthItem);
                    .form_window_content_right_inputs_item_row_item,
                    .redact_container_service_right_inputs_item_row_item {
                        display: flex;
                        flex-direction: column;
                        align-items: start;
                        gap: 5px;
                        max-width: 100%;
                        width: 100%;
                        height: max-content;
                        .form_window_content_right_inputs_item_row_item_title {
                            color: #fff;
                            font-size: 16px;
                            line-height: 23.2px;
                            text-align: left;
                        }
                        input,
                        textarea {
                            padding: 15px;
                            color: #FFFFFF;
                            font-size: 18px;
                            line-height: 25.2px;
                            background: #191A1F;
                            border-radius: 10px;
                            border: none;
                            max-width: 100%;
                            width: 100%;
                            outline: none;
                            /* max-height: 350px; */
                        }
                        textarea {
                            height: 57px;
                            resize: none;
                        }
                    }
                }
            }
        }
        .form_window_content_right_save {
            button {
                max-width: 255px;
                width: 100%;
            }
        }
    }
}

.service__card__img {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    max-width: 100%;
    width: 100%;
    border-radius: 9px;
    display: flex;
    aspect-ratio: 253 / 140;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 9px;
        position: absolute;
        inset: 0;
        z-index: 0;
        &[src=""] {
            opacity: 0;
        }
    }
    input {
        display: none;
    }
    .service__card__img_icon {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 10px;
        color: #fff;
        z-index: 1;
    }
}

.form_window_content_cart {
    position: relative;
    padding: 30px 30px 20px;
    border-radius: 9px;
    background: #191A1F;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
    .form_window_content_cart_up_title {
        color: #666666;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 25px;
    }
    .form_window_content_cart_close {
        position: absolute;
        top: 30px;
        right: 30px;
    }
    .form_window_content_cart_img {
        max-width: 100%;
        width: 100%;
        border-radius: 9px;
        display: flex;
        aspect-ratio: 340 / 188;
        margin-bottom: 15px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .3s;
        img {
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 9px;
            position: absolute;
            inset: 0;
            z-index: 2;
            transition: all .3s;
            &[src=""] {
                opacity: 0;
                z-index: 0;
            }
        }
        input {
            display: none;
            visibility: hidden;
            position: absolute;
            z-index: -2;
            opacity: 0;
        }
        .form_window_content_cart_img_icon {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 10px;
            color: #fff;
            z-index: 21;
            transition: all .3s;
            position: absolute;
            inset: 0;
            max-width: 100%;
            width: 100%;
            height: 100%;
            border-radius: 9px;
        }
        &:hover {
            .form_window_content_cart_img_icon {
                background: rgba(0, 0, 0, .5);
                z-index: 3;
            }
        }
    }
    .form_window_content_cart_title {
        color: #fff;
        font-size: 18px;
        line-height: 22.07px;
        text-align: left;
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
        text {
            color: var(--activeColor);
        }
    }
    .form_window_content_cart_subtitle {
        text-align: left;
        color: #A7A7A7;
        font-size: 16px;
        line-height: 22.4px;
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }
    .form_window_content_cart_price {
        display: flex;
        align-items: center;
        justify-content: start;
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
        .form_window_content_cart_price_active {
            display: flex;
            width: max-content;
            padding: 4px 15px;
            border-radius: 6px;
            border: 1px solid var(--activeColor);
            background: #131217;
            font-size: 18px;
            line-height: 22.07px;
            color: #fff;
        }
        .form_window_content_cart_price_old {
            color: #666666;
            font-size: 18px;
            line-height: 22.07px;
            margin-left: 10px;
        }
    }
    .form_window_content_cart_button {
        button {
            pointer-events: none;
        }
    }
}

.remove_button_input {
    display: none;
}

.modal {
    --colorModal: var(--activeColor);
    &.standart {
        --colorModal: var(--standartColor);
    }
    &.progressive {
        --colorModal: var(--progressiveColor);
    }
    &.expert {
        --colorModal: var(--expertColor);
    }
    &.expert,
    &.progressive,
    &.standart {
        .form_window_content_cart_price_active {
            border-color: var(--colorModal);
        }
        .form_window_content_cart_button {
            button {
                border-color: var(--colorModal);
                color: var(--colorModal);
            }
        }
        .service__item {
            .btn {
                border-color: var(--colorModal);
                color: var(--colorModal);
                &:hover {
                    border-color: var(--colorModal);
                    background: var(--colorModal);
                    color: #fff;
                }
            }
        }
        .service__class {
            border-color: var(--colorModal);
        }
        .input__group .input {
            &:not(:placeholder-shown) {
                &~.button {
                    display: none;
                }
                &~.remove_button_input {
                    background: var(--colorModal);
                    display: flex;
                }
            }
        }
        .custom-select-trigger._active {
            span {
                color: var(--colorModal);
            }
            &::after {
                background: url(../images/i-remove.svg), linear-gradient(223deg, var(--colorModal) 0%, var(--colorModal) 100%);
                background-repeat: no-repeat, repeat;
                background-position: center, center;
            }
        }
    }
}

.table_pay {
    tbody {
        tr {
            cursor: pointer;
        }
    }
}

.row_modal_user {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 18px;
    line-height: 25.2px;
    max-width: 100%;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #343434;
}

.sent_ids {
    display: none;
}

.check_tr_row {
    input {
        display: none;
        &:checked~.check_tr_row_click {
            background: var(--activeColor);
            border: none;
            svg {
                opacity: 1;
            }
        }
    }
    .check_tr_row_click {
        aspect-ratio: 1 / 1;
        max-width: 16px;
        width: 100%;
        border-radius: 4px;
        border: 1px solid #D9D9D9;
        background: #fff;
        transition: all .3s;
        display: flex;
        justify-content: center;
        align-items: center;
        svg {
            opacity: 0;
            transition: all .3s;
        }
    }
}

.redact_container_settings {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    .redact_container_settings_title {
        font-size: 18px;
        max-width: 100%;
        width: 100%;
        color: #fff;
        line-height: 22.07px;
        /* margin-bottom: 20px; */
    }
    .redact_container_settings_content {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        width: 100%;
        margin: 20px 0 15px;
        label {
            max-width: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 7px;
            .redact_container_settings_content_label {
                color: #666666;
                font-size: 18px;
                line-height: 25.2px;
                max-width: 100%;
                width: 100%;
            }
            input {
                max-width: 100%;
                width: 100%;
                background: #131217;
                padding: 20px;
                border-radius: 10px;
                color: #fff;
                border: none;
                outline: none;
            }
        }
    }
}

.service_redact_buttons {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
    .service_redact_button {
        padding: 19px 25px;
        border-radius: 10px;
        display: flex;
        border: 1px solid var(--activeColor);
        color: var(--activeColor);
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        font-size: 18px;
        line-height: 22.07px;
        background-color: unset;
        &.disabled {
            pointer-events: none;
            color: #666666;
            border-color: #666666;
        }
        &:disabled {
            opacity: unset;
        }
    }
}

@media(max-width: 1600px) {
    .mobile_content_levels {
        /*flex-wrap: wrap;*/
        /*margin-bottom: 20px;*/
        .tumb {
            max-width: calc((100% / 2) - 10px);
            width: 100%;
            margin-bottom: 0px;
        }
    }
    .form_window_content {
        /*flex-direction: column;*/
        align-items: center;
    }
    .tabs.jTabs {
        position: relative;
        .tabs__nav.jTabs__nav {
            &.custom_scroll {
                position: static;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                height: auto;
                max-width: max-content;
                width: 100%;
                overflow-x: scroll;
                white-space: nowrap;
                &::-webkit-scrollbar {
                    display: none;
                }
            }
        }
    }
}

@media (max-width: 1250px) and (min-width: 1000px) {
    .zoom_70{
        zoom: 0.7;
    }
    .addBonus__cahgeStatus {
        justify-content: left;
    }
    .form_modile_treeple{
        flex-wrap: unset;
    }
}
.service__item-title b{
     min-height: 39px;
}
.bonus__carousel_mobile{
    justify-content: flex-start;
}

@media(max-width: 1000px) {
    .task .service__item{
        max-width: 253px;
    }
    .service__item-title b{
        font-size: 14px;
    }
    .admTariff__text-row span{
        font-size: 10px;
    }
    .admTariff__text-row{
        height: 30px;
    }
}
select:focus{
    border-color:var(--activeColor)!important;
    /*outline: none !important;*/
    /*outline-offset: unset!important;*/
    --tw-ring-color: var(--activeColor)!important;
    --tw-ring-shadow: var(--activeColor)!important;
}
@media (max-width: 768px) {
    .mobile_content_levels {
        flex-wrap: wrap;
    }
}

@media(max-width: 1440px) {
     :root {
        --nav-v-width: 215px;
    }
    .nav-v {
        padding: 25px 15px
    }
    .price-point .price-point__text {
        font-size: 14px
    }
    .price-point .price-point__info {
        min-width: 237px
    }
    .form_modile {
        flex-wrap: wrap;
    }
    .form_modile_left{
        max-width: 254px;
        /*max-width: 100%;*/
        /*width: 100%;*/
    }
    .form_modile_right {
        /*max-width: 100%;*/
        /*width: 100%;*/
    }
    .form_modile_left {
        min-width: auto;
    }
    .modile_form_modal {
        flex-direction: column;
        .addBonus__right,
        .addTask__right {
            width: 100%;
            .flex-just.gap20 {
                .col-50.form,
                .col-50.form__row,
                .col-33 {
                    width: 100%;
                }
            }
        }
        .addBonus__left {
            margin: 0 auto;
        }
        hr {
            display: none;
        }
    }
    .kol_prig_td {
        display: none;
    }
    .redact_container_category {
        width: 100%;
    }
    .redact_container_service {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .redact_container_service_left {
            order: 2;
        }
        .redact_container_service_right {
            order: 1;
            --widthItem: 360px;
        }
    }
}

@media(max-width: 1180px) {
     :root {
        --height: 145px;
        --nav-v-width: 215px
    }
    .price-point__item {
        padding: 10px
    }
    .nav-v {
        padding: 25px 15px
    }
    .nav-top__content {
        padding: 0 15px
    }
    .nav-top__right .btn {
        max-width: 100px
    }
    .main-content {
        padding: 34px 15px
    }
    .nav-top__right {
        gap: 10px
    }
    .nav-top__link {
        max-width: 250px
    }
    .price-point {
        flex-wrap: wrap
    }
    .price-point__item {
        width: 100%
    }
    .price-point .price-point__info {
        width: 100%
    }
    .price-point__item img {
        margin-right: -66px;
        margin-bottom: 0
    }
    .tumb__user {
        flex-direction: column
    }
    .tumb__user-col {
        width: 100%
    }
    .help__bl {
        flex-direction: column
    }
    .help__right {
        width: 100%
    }
    .mobile_content_levels {
        .tumb {
            max-width: 100%;
            .admTariff__info {
                max-width: 600px;
            }
        }
    }
    .tumb.table-rowed {
        position: relative;
        padding-top: 60px;
    }
    .network-table__filter {
        &:not(.not_accordion) {
            flex-direction: column;
            max-width: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            max-width: 100%;
            width: 100%;
            height: 52px;
            overflow: hidden;
            transition: all .3s;
            gap: 0;
            z-index: 1;
            &>span {
                display: none;
            }
            .click_open_sort {
                position: absolute;
                top: 0;
                left: 0;
                max-width: 100%;
                width: 100%;
                height: 100%;
                z-index: 5;
                display: flex;
            }
            &>a {
                position: relative;
                order: 3;
                max-width: 100%;
                width: 100%;
                color: var(--activeColor);
                border: 1px solid var(--activeColor);
                text-align: center;
                justify-content: center;
                padding: 14px 0;
                background: #131217;
                display: flex;
                align-items: center;
                img {
                    display: none;
                }
                svg {
                    display: flex;
                    margin-right: 10px;
                }
                &.active {
                    order: 1;
                    border-radius: 9px 9px 0 0;
                }
                &.active_one {
                    order: 2;
                    border-radius: 9px 9px 0 0;
                }
                &:last-child {
                    border-radius: 0 0 9px 9px;
                    &.active {
                        border-radius: 9px 9px 0 0;
                    }
                }
            }
            &.active {
                height: auto;
                .click_open_sort {
                    display: none;
                }
            }
        }
        /* &.not_accordion {
            position: static;
            &>a {
                position: static;
            }
        } */
    }
    .network-table__scroll table.table-striped {
        width: 1200px;
    }
    .pay_container_summa {
        flex-wrap: wrap;
        .col-25 {
            width: calc((100% - 20px)/2);
        }
    }
    .custom_modile_row_flex {
        flex-wrap: wrap;
        .col-50 {
            max-width: 100%;
            width: 100%;
        }
    }
    .video_container {
        --itemsRow: 2;
    }
    .service_redact_buttons {
        flex-wrap: wrap;
        justify-content: space-between;
        .service_redact_button {
            max-width: 100%;
            width: 100%;
            &[data-event="create_service"] {
                order: 3;
            }
            &[data-event="create_cat"] {
                order: 4;
            }
        }
        form,
        .service_redact_button[data-event="redact_service"] {
            max-width: calc(50% - 5px);
            order: 1;
            width: 100%;
        }
    }
}

.title_on_mobile {
    display: none !important;
}

.triger_button_add_admin.on_mobile {
    display: none;
}

.on_mobile {
    display: none;
}

.on_mobile {
    display: none;
}

@media(max-width: 1024px) {
    .block_gap_block_gap {
        margin-bottom: -10px !important;
    }
    .block_gap {
        gap: 5px !important;
    }
    .item_block {
        gap: 5px !important;
    }
    .oooo {
        margin-top: -23px;
    }
    .wallet-bl,
    .settings {
        flex-direction: column
    }
    .wallet-bl .col-50,
    .settings .col-50 {
        width: 100%
    }
    .wallet-history__list {
        height: auto;
        max-height: none
    }
    .form_modile_treeple {
        display: flex;
        flex-wrap: wrap;
    }
    .form_modile_treeple .col-33 {
        /*max-width: 100%;*/
        /*width: 100%;*/
    }
    .home .banner__content {
        flex-wrap: wrap;
    }
    .home .banner__right,
    .home .banner__left {
        max-width: 100%;
        width: 100%;
    }
    .home .banner__right img {
        width: 100%;
    }
    .form_window_content_right_inputs {
        flex-wrap: wrap;
    }
    .form_window_content_right_inputs_item_row {
        flex-wrap: wrap;
        width: 100% !important;
    }
    .form_window_content_right_save {
        display: flex;
        justify-content: center;
    }
    #create-service,
    #update-service {
        .redact_container_service {
            .redact_container_service_left {
                max-width: 100%;
                width: 100%;
                .redact_container_service_card {
                    background: none;
                    padding: 0;
                    max-width: 100%;
                    width: 100%;
                    .redact_container_service_card_button,
                    .redact_container_service_card_title {
                        display: none;
                        visibility: hidden;
                        position: absolute;
                        z-index: -2;
                    }
                    .redact_container_service_card_img {
                        aspect-ratio: unset;
                        margin-bottom: 0;
                        .redact_container_service_card_img_icon,
                        &>img {
                            display: none;
                        }
                        .redact_container_service_card_img_mobile {
                            display: flex;
                            visibility: visible;
                            position: relative;
                            /* border: 1px dashed #3A3A3A; */
                            background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
                            border-radius: 10px;
                            padding: 15px;
                            display: flex;
                            max-width: 100%;
                            width: 100%;
                            justify-content: space-between;
                            align-items: center;
                            .redact_container_service_card_img_mobile_text {
                                font-size: 13px;
                                color: #FFFFFF;
                                line-height: 18.2px;
                            }
                            .redact_container_service_card_img_mobile_img {
                                background: linear-gradient(225deg, #484848, #666666);
                                aspect-ratio: 1 / 1;
                                height: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                border-radius: 10px;
                                position: absolute;
                                top: 0;
                                right: 0;
                            }
                        }
                    }
                }
            }
            .redact_container_service_right {
                .redact_container_service_right_inputs {
                    flex-wrap: wrap;
                    .redact_container_service_right_inputs_item {
                        .form_window_content_right_inputs_item_row,
                        .redact_container_service_right_inputs_item_row {
                            width: 100%;
                        }
                    }
                }
                .redact_container_service_right_buttons {
                    gap: 10px;
                    label {
                        max-width: 100%;
                        width: 100%;
                        text {
                            font-size: 13px;
                            line-height: 115%;
                            padding: 11px 18px;
                            width: 100%;
                            max-width: 100%;
                        }
                    }
                }
            }
        }
    }
}

@media(max-width: 880px) {
    .appeal__list-heade {
        /*display: none*/
    }
    .appeal__list-body {
        /*flex-direction: column;*/
        /*height: auto;*/
        /*align-items: flex-start;*/
        /*position: relative*/
    }
    .appeal__list-body span {
        /*text-align: left !important*/
    }
    .appeal__list-body span:last-child {
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 0;*/
        /*width: auto;*/
        /*max-width: none;*/
        /*min-width: 1px*/
    }
    .form_modile_duo {
        display: flex;
        flex-wrap: wrap;
    }
    .form_modile_duo .col-50 {
        max-width: 100%;
        width: 100%;
    }
    .home .header__nav {
        display: flex;
        justify-content: end;
    }
    .header__nav_button_trigger {
        display: flex;
        width: 40px;
        z-index: 101;
    }
    .home .header__nav-bl {
        position: fixed;
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        transition: all .3s;
        transform: translateX(-100%);
        top: 0px;
        left: 0;
        z-index: 100;
        background: #191a1f;
        height: 100%;
        max-width: 100%;
        width: 100%;
        align-content: baseline;
    }
    .home .header__nav-left {
        max-width: 100%;
        width: 100%;
        flex-wrap: wrap;
        gap: 25px;
        margin-top: 30px;
    }
    .home .header__nav-right {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
    }
    .home .header__nav-left a {
        width: 100%;
        text-align: center;
    }
    #checkOpenMenu:checked~.header__nav-bl {
        transform: translateX(0%);
    }
    .form__video__content {
        flex-wrap: wrap;
        width: 100%;
    }
    .modal#video_create {
        max-width: 100%;
        width: 100%;
    }
}

.cartd3 .fir2 {
    display: none;
}

.bunnt {
    display: none !important;
}

.second_button {
    width: 100%;
    margin: 0 !important;
    display: none!important;
}

.second_name {
    display: none!important;
    margin-left: 10px;
    margin-bottom: 35px;
}

.second_name .nav-top__left_user_role {
    color: var(--gray6)!important;
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 20px!important;
    transition: color .3s ease-out!important;
    margin-bottom: 10px;
}


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

.card_bon_reg {
    display: none !important;
}

.dob_vop {
    display: block;
}

.dob_vop1 {
    display: none
}


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

.button_on_mobile {
    display: none;
}

.on_desctop {
    display: none;
}
html,body{
    height: 100%;
}
@media (max-width: 621px) {
    .admTariff__info{
        max-width: 65%;
    }
    .admTariff__right.my_bb .my_bb{
        right: -60px ;
        top: -75px;
        height: 204px;
    }
}
@media (max-width: 547px) {
    .admTariff__info{
        max-width: 60%;
    }
}
@media (max-width: 480px) {
    .admTariff__info{
        max-width: 55%;
    }
}
@media (max-width: 437px) {
    .admTariff__info{
        max-width: unset;
    }
}


@media(max-width: 768px) {
    .admTariff__info{
        max-width: 70% !important;
    }
    .parent_profile_phone{
        flex-direction: column;
    }
    .parent_profile_phone input{
        max-width: 100%;
    }
    .parent_profile_phone button{
        height: 45px !important;
        margin-top: 20px;

    }

    .triger_open_modal_redact .btn__blue svg path, .triger_open_modal_redact .btn__1 svg path,
    .triger_open_modal_redact .btn__yellow svg path, .triger_open_modal_redact .btn__3 svg path,
    .triger_open_modal_redact .btn__purp svg path, .triger_open_modal_redact .btn__2 svg path {
            display: inline !important;
    }
    .triger_open_modal_redact .btn__blue svg, .triger_open_modal_redact .btn__1 svg,
    .triger_open_modal_redact .btn__yellow svg, .triger_open_modal_redact .btn__3 svg,
    .triger_open_modal_redact .btn__purp svg, .triger_open_modal_redact .btn__2 svg {
        display: block !important;
    }


    div.btn text {
        display:none !important
    }
    .tumb.tumb__user{
        margin-bottom: 15px;
    }
    /* .network-table__filter.tab_pom1.active {
        &a:nth-child(2) {
            border-radius: 10px 10px 0px 0px;
        }
    } */
    .on_desctop2 {
        display: none;
    }
    .form_str {
        gap: 10px
    }
    .form_str .admQuestion__item {
        height: 45px;
    }
    .on_desctop {
        display: flex;
    }
    .admHint__title {
        font-size: 16px;
    }
    .network-table__filter {
        &:not(.not_accordion) {
            height: 47px;
        }
    }
    .network-table__filter {
        &:not(.not_accordion) {
            &>a {
                border-radius: 10px;
            }
        }
    }
    #redact-question .flex-just.gap20 {
        display: block;
    }
    .tab_pom {
        display: none;
    }
    .tab_pom1 {
        display: flex;
        position: absolute !important;
        margin-bottom: 0;
    }
    .dob_vop1 {
        margin-top: 17px;
        display: block
    }
    .dob_vop {
        display: none;
    }
    #redact-question .title,
    #add-question .title {
        font-size: 14px;
    }
    #redact-question .textarea.input_update_ask,
    #add-question .textarea.input_create_ask {
        height: 50px!important;
        font-size: 13px;
        padding: 14px 20px;
    }
    #redact-question .textarea.input_update_otvet,
    #add-question .textarea.input_create_otvet {
        font-size: 13px;
        padding: 14px 20px;
    }
    #redact-question .trigger_delete_question {
        order: -1
    }
    .title_on_mobile {
        display: flex !important;
    }
    .form_window_content,
    .redact_container_service {
        & .form_window_content_right,
        & .redact_container_service_right {
            & .form_window_content_right_buttons,
            & .redact_container_service_right_buttons.buttons_on_mobile {
                & label {
                    width: 30%;
                    /* line-height: 0.2; */
                    text {
                        max-width: unset;
                        width: unset;
                        padding: 8px
                    }
                }
            }
        }
    }
    .form_window_content,
    .redact_container_service {
        & .form_window_content_right,
        & .redact_container_service_right {
            & .form_window_content_right_inputs,
            & .redact_container_service_right_inputs {
                & .form_window_content_right_inputs_item,
                & .redact_container_service_right_inputs_item {
                    & .form_window_content_right_inputs_item_row,
                    & .redact_container_service_right_inputs_item_row {
                        & .form_window_content_right_inputs_item_row_item,
                        & .redact_container_service_right_inputs_item_row_item {
                            input,
                            textarea {
                                font-size: 13px;
                                padding: 10px;
                                align-self: center;
                            }
                        }
                    }
                }
            }
        }
    }
    .form_window_content,
    .redact_container_service {
        & .form_window_content_right,
        & .redact_container_service_right {
            & .form_window_content_right_inputs,
            & .redact_container_service_right_inputs {
                & .form_window_content_right_inputs_item,
                & .redact_container_service_right_inputs_item {
                    & .form_window_content_right_inputs_item_row,
                    & .redact_container_service_right_inputs_item_row {
                        & .form_window_content_right_inputs_item_row_item,
                        & .redact_container_service_right_inputs_item_row_item {
                            .form_window_content_right_inputs_item_row_item_title {
                                font-size: 12px;
                            }
                        }
                    }
                }
            }
        }
    }
    .form_window_content,
    .redact_container_service {
        & .form_window_content_right,
        & .redact_container_service_right {
            & .form_window_content_right_inputs,
            & .redact_container_service_right_inputs {
                & .form_window_content_right_inputs_item,
                & .redact_container_service_right_inputs_item.mobile_textarea {
                    & .form_window_content_right_inputs_item_row,
                    & .redact_container_service_right_inputs_item_row {
                        & .form_window_content_right_inputs_item_row_item,
                        & .redact_container_service_right_inputs_item_row_item {
                            textarea {
                                height: 90px;
                            }
                        }
                    }
                }
            }
        }
    }
    .mobile_btn {
        height: 45px !important;
        min-width: 45px !important;
    }
    .buttons_on_mobile {
        justify-content: space-between;
        gap: 10px !important;
    }
    .card_bon_reg {
        display: flex !important;
    }
    .card_displ_on_desctop {
        display: none;
    }
    .title_bon_reg {
        font-size: 14px;
    }
    .form_window_content {
        & .form_window_content_right,
        & .redact_container_service_right {
            & .form_window_content_right_save {
                button {
                    max-width: unset;
                    width: 100%;
                }
            }
        }
    }
    .tumb.is_mob {
        background: unset;
    }
    .admins__switch-item {
        padding-left: 15px !important;
        padding-right: 15px !important;
        justify-content: space-between;
    }
    .switch {
        position: relative;
        display: inline-block;
        height: unset;
        background: #131217;
        padding: 10px 0px;
        border-radius: 10px;
    }
    .levels_info {
        display: none;
    }
    .tumb.col-33.admTariff {
        padding-bottom: 73px;
    }
    .button_on_mobile {
        position: absolute;
        bottom: 15px;
        width: 92%;
        display: flex;
    }
    .admTariff__redact.update_settings_trigger.toggler {
        /*display: none;*/
    }
    .second_button {
        display: block !important;
    }
    .second_name {
        display: block !important;
    }
    .container_button_add_admin {
        /*display: none !important;*/
        flex-direction: column;
    }
    .container_button_add_admin button,.container_button_add_admin form {
        width: 100%;
        margin: 0 0 5px 0 !important;
        height: 32px;
    }
    .tumb__question {
        right: 0;
    }
    .gap20 .col-33 {
        width: 100%
    }
    .bunnt {
        display: flex!important;
    }
    .cartd1,
    .cartd2 {
        display: none;
    }
    .cartd3 .fir1 {
        display: none;
    }
    .cartd3 .fir2 {
        display: block;
    }
    .tabs.jTabs .bonus__carusel-nav {
        top: -56px;
    }
    .mobH {
        display: none
    }
    .mCol-100 {
        width: 100% !important
    }
    .tumb-bl {
        width: 100%
    }
    .hidden_setings .flex-just {
         flex-direction: column
    }
    .content {
        padding: 0 20px
    }
    .main-content {
        padding: 0;
        padding-top: 15px
    }
    .header-mob {
        display: block;
        /*padding-top: 22px*/
        border-bottom: 1px solid #343434;
    }
    .logo-header img {
        width: 136px
    }
    /*.mob-invite {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*    gap: 8px;*/
    /*    margin-bottom: 15px*/
    /*}*/
    .mob-invite__text {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 140%
    }
    .mob-invite .btn {
        max-width: 320px
    }
    .nav-top {
        display: none
    }
    .nav-v {
        transform: translateX(-100%);
        width: 100%;
        transition: all .3s ease-in-out
    }
    .nav-v.open {
        transform: translateX(0)
    }
    .nav-v .logo-header {
        display: none
    }
    .video {
        padding-top: 56px
    }
    .video__list {
        flex-direction: column
    }
    .video__item {
        width: 100%
    }
    .wallet-history__list {
        height: auto;
        max-height: none
    }
    .wallet-bl {
        margin-bottom: 20px
    }
    .accaunt-formMob {
        display: flex
    }
    .network .tumb {
        gap: 0
    }
    .network .tumb__user-info {
        padding: 30px 0 10px
    }
    .network__level {
        padding: 0;
        width: auto;
        margin-right: -15px;
        margin-left: -15px
    }
    .network__user-photo {
        width: 100px;
        height: 100px
    }
    .network .tumb__user-name span {
        font-size: 16px
    }
    .network .tumb__user-name small {
        font-size: 14px
    }
    .network__level-col {
        width: calc(100% - 115px)
    }
    .network__level-col:before,
    .network__level-col:after {
        height: 170px
    }
    .network .level2 {
        padding: 15px
    }
    .network .level2 .network__user-photo {
        width: 56px;
        height: 56px
    }
    .network .level2 .network__user-photo img[src*=svg] {
        height: 28px
    }
    .network .level2 .network__level-col {
        width: auto
    }
    .network .level2 .network__level-info {
        flex-grow: 1
    }
    .network .level2 .tumb__user-name span {
        font-size: 12px
    }
    .network .level2 .tumb__user-name small {
        font-size: 10px;
        line-height: 18px
    }
    .network .level2 .network__level-col:before,
    .network .level2 .network__level-col:after {
        border-top: 0;
        border-radius: 0;
        width: 1px;
        left: 50%;
        height: 77px
    }
    .network .level3 {
        padding: 26px 20px
    }
    .network .level3 .network__user-photo {
        width: 46px;
        height: 46px
    }
    .network .level3 .network__user-photo img[src*=svg] {
        height: 25px
    }
    .network .level3 .network__level-col {
        width: auto
    }
    .network .level3 .network__level-info {
        flex-grow: 1
    }
    .network .level3 .tumb__user-name span {
        font-size: 12px
    }
    .network .level3 .tumb__user-name small {
        font-size: 10px;
        line-height: 18px
    }
    .network .level3 .network__level-col:after {
        display: none
    }
    .network .level3 .network__level-col:before {
        border-top: 0;
        border-radius: 0;
        width: 1px;
        left: 50%;
        height: 77px
    }
    .network .level4 {
        padding: 26px 25px
    }
    .network .level4 .network__user-photo {
        width: 36px;
        height: 36px
    }
    .network .level4 .network__user-photo img[src*=svg] {
        height: 20px
    }
    .network .level4 .network__level-col {
        width: auto
    }
    .network .level4 .network__level-info {
        flex-grow: 1
    }
    .network .level4 .tumb__user-name span {
        font-size: 12px
    }
    .network .level4 .tumb__user-name small {
        font-size: 10px;
        line-height: 18px
    }
    .network .level4 .network__level-col:after {
        display: none
    }
    .network .level4 .network__level-col:before {
        border-top: 0;
        border-radius: 0;
        width: 1px;
        left: 50%;
        height: 77px
    }
    .network-thumb {
        display: none
    }
    /* .network-table__filter {
        gap: 15px
    } */
    .network-table__filter span,
    .network-table__filter a {
        font-size: 14px
    }
    .tumb {
        padding: 15px;
        /* gap: 15px */
    }
    .tumb__progress-mob {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }
    .tumb__user-col {
        gap: 5px
    }
    .tumb__user-col.user__earning {
        order: 2;
        flex-direction: row
    }
    .tumb__user-col .tumb-bl__md {
        padding: 15px
    }
    .tumb__user-col .tumb-bl__md span {
        font-size: 20px
    }
    .tumb__user-col .tumb-bl__md small {
        font-size: 12px
    }
    .tumb .user-info {
        order: 1
    }
    .mFlex-just {
        flex-direction: row !important
    }
    .mEarning .flex-just {
        flex-direction: row
    }
    .mEarning .gap20 {
        gap: 15px
    }
    .mEarning .tumb-bl {
        padding: 15px
    }
    .mEarning .tumb-bl__lg span {
        font-size: 20px
    }
    .mEarning .tumb-bl__lg small {
        font-size: 12px
    }
    .price-point .price-point__info {
        min-width: 237px;
    }
    .price-point__text-row {
        height: 30px
    }
    .price-point__item .title {
        font-size: 16px !important;
        margin-bottom: 14px;
        margin-top: 4px;
        display: flex;
        justify-content: space-between;
    }
    .price-point__item.price-pointMob {
        height: 57px;
        position: relative
    }
    .price-point__item.price-pointMob:after {
        position: absolute;
        top: 10px;
        right: 10px;
        content: "";
        width: 35px;
        height: 35px;
        background: url(../images/i-angel-down.svg) center center no-repeat;
        background-size: 16px;
        border: 1px solid rgba(0, 0, 0, 0);
        filter: invert(100%);
        z-index: 1
    }
    .price-point__item.price-pointMob:before {
        position: absolute;
        top: 10px;
        right: 10px;
        content: "";
        width: 35px;
        height: 35px;
        background: #191a1f;
        border: 1px solid rgba(19, 18, 23, .95);
        border-radius: 6px;
        z-index: 1
    }
    .price-point__item.price-pointMob._active {
        height: auto
    }
    .progressive .price-point__item.price-standart {
        display: none
    }
    .expert .price-point__item.price-standart {
        display: none
    }
    .expert .price-point__item.price-progressive {
        display: none
    }
    .price-point__item img {
        height: 200px
    }
    .label {
        font-size: 14px
    }
    .input {
        font-size: 14px;
        height: 50px;
        padding: 5px 15px
    }
    .table-bBorder thead th,
    .table-bBorder tbody td,
    .table-bBorder tfoot td {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .btn {
        height: 45px;
        line-height: 15.94px;
        font-size: 14px
    }
    .bonus__title {
        font-size: 18px
    }
    .bonus__carousel {
        display: flex;
        overflow-x: auto;
        gap: 20px;
        padding-bottom: 20px
    }
    .bonus_carousel {
        display: flex;
        overflow-x: auto;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    .bonus {
        padding: 15px
    }
    .bonus__carousel .service__item {
        min-width: 1px
    }
    /* .bonus__carousel .service__item img {
        height: 127px;
        width: auto
    } */
    .bonus__carousel .service__item .service__search img {
        width: 20px;
        height: auto
    }
    .service__class {
        font-size: 10px
    }
    .service__item-title {
        padding: 10px 5px;
        align-items: flex-start
    }
    .service__item-title b {
        font-size: 12px;
        text-align: left
    }
    .service__item-title small {
        font-size: 10px;
        text-align: left
    }
    .task__header {
        flex-direction: column;
        align-items: flex-start
    }
    .task__title {
        font-size: 18px
    }
    .task__timer {
        font-size: 12px
    }
    .task .service__item {
        min-width: 162px;
        object-fit: cover
    }
    .task .service__item img {
        width: 100%
    }
    /* .task .service__item-title {
        padding: 10px 10px 0
    } */
    .task .service__item-title span {
        font-size: 14px;
        text-align: left
    }
    .task .service__progress-bl {
        padding: 0 10px
    }
    .task .service__progress-bl span {
        font-size: 12px;
        text-align: left
    }
    .tabs__nav li {
        height: 50px;
        max-width: none;
        width: auto;
        flex-grow: 1;
        font-size: 16px
    }
    .modal__body {
        padding: 20px 15px
    }
    .form__p b {
        font-size: 18px
    }
    .form__p span {
        font-size: 16px
    }
    .copy-link {
        height: 50px;
        font-size: 16px
    }
    .tumb.help__left {
        width: 100%
    }
    .accordion__heading {
        font-size: 16px;
        height: 48px
    }
    .accordion__heading::after {
        width: 16px;
        height: 16px;
        background-size: 12px
    }
    .accordion__content {
        font-size: 14px;
        line-height: 140%;
        font-weight: 400
    }
    .appeal__list-body {
        padding: 15px;
        gap: 15px
    }
    .appeal__list-body span {
        padding: 0;
        font-size: 14px;
        height: 110%;
        width: auto
    }
    .appeal__list-body span:last-child {
        top: 15px;
        right: 15px
    }
    .appeal__title {
        font-size: 13px!important;
        line-height: 110%
    }
    .help__bl.jTabs.fol_tabs{
        flex-direction: column !important;
    }
    .appeal>.btn {
        max-width: none
    }
    .appeal__content .kwt-file__drop-area {
        width: 100%
    }
    .appeal__content .kwt-file__msg {
        font-size: 14px;
        line-height: 140%
    }
    .appeal__content .flex-vCenter {
        flex-direction: column;
        align-items: flex-start
    }
    .appeal__content .dragDrop {
        width: 100%;
        max-width: none
    }
    .appeal__content .flex-vCenter .btn {
        max-width: none
    }
    .help__user-bl {
        padding: 15px;
        gap: 10px
    }
    .help__user-img {
        width: 40px;
        min-width: 40px;
        height: 40px
    }
    .help__user-img img {
        height: 18px
    }
    .help__user-info {
        width: calc(100% - 50px)
    }
    .help__user-name {
        font-size: 14px;
        line-height: 140%
    }
    .help__user-text {
        font-size: 12px;
        line-height: 140%
    }
    .help__user-date {
        font-size: 12px;
        line-height: 140%;
        text-align: right
    }
    .settings .form .btn {
        max-width: none
    }
    .phone_verify_button {
        height: auto;
    }
    .home .about__item-title {
        font-size: 19px;
    }
    .home .about__item-text {
        font-size: 14px;
    }
    .home .interface__top {
        flex-wrap: wrap;
    }
    .home .interface__top-right,
    .home .interface__top-left {
        max-width: 100%;
        width: 100%;
    }
    .home .interface__nav a {
        font-size: 14px;
    }
    .home .banner__title {
        font-size: 45px;
    }
    .home .about__title b {
        font-size: 24px;
    }
    .home .about__title>span,
    .home .interface__top-right,
    .home .banner__text {
        font-size: 17px;
    }
    .home .interface__top-left {
        font-size: 40px;
    }
    .home .about__list {
        flex-wrap: wrap;
    }
    .bonus__carousel_item_mobile {
        min-height: unset !important;
    }
    .mobile_content_levels {
        .tumb {
            .admTariff__right {
                img {
                    height: 220px;
                    margin-right: -150px;
                }
            }
            .admTariff__text-row span {
                font-size: 13px;
            }
            .levels_info {
                left: 0;
                transform: unset;
                top: calc(100% + 5px);
            }
        }
    }
    .admTariff__text-row {
        height: 30px;
    }
    .triger_update_service svg,
    .service_item_trigger .btn svg {
        display: block;
        position: unset;
        z-index: unset;
        opacity: unset;
        visibility: unset;
    }
    .network-table__scroll.scroll-h {
        margin: 0px -15px;
    }

    .bonus__carousel_item_mobile .service__icon, .bonus__carousel_item_mobile .service__icons{
        display: none!important;
    }
    .bonus__carousel_mobile .bonus__carousel_item_mobile .service__button svg{
        display: block!important;
    }
    .bonus__carousel_mobile {
        flex-wrap: wrap;
        max-height: 300px;
        overflow-y: scroll;
        gap: 0;
        .bonus__carousel_item_mobile {
            max-width: 100%;
            /*width: 92%;*/
            flex-direction: row;
            justify-content: space-between;
            background: transparent;
            align-items: center;
            border-bottom: 1px solid #242424;
            padding: 15px 5px;
            .service__img {
                aspect-ratio: 1 / 1;
                max-width: 50px;
                width: 100%;
                overflow: unset;
                border-radius: 6px;
                border: 1px solid #fff;
                img {
                    object-position: unset;
                    border-radius: 6px;
                    display: block;
                    overflow: hidden;
                }
                .service__icons {
                    display: none !important;
                    position: absolute;
                    z-index: -10;
                    opacity: 0;
                    visibility: hidden;
                    width: max-content;
                    bottom: 4px;
                    left: calc(100% + 15px);
                    padding: 0px;
                    .service__icon {
                        aspect-ratio: 26 / 18;
                        max-width: 26px;
                        width: 26px;
                        font-size: 11px;
                        &.right_item {
                            display: none;
                        }
                    }
                }
            }
            .service__status {
                display: none;
            }
            .service__button {
                width: max-content;
                padding-bottom: 0;
                .triger_update_bonus,
                .triger_update_bonus2,
                .triger_update_bonus3,
                .triger_open_pay_service,
                .triger_update_task,
                .triger_open_modal_redact,
                .bladre,
                .triger_update_service {
                    aspect-ratio: 1 / 1;
                    padding: 0;
                    max-width: 35px;
                    width: 35px;
                    display: flex !important;
                    justify-content: center;
                    align-items: center;
                    border-radius: 50%;
                    height: auto;
                    text {
                        display: none;
                        position: absolute;
                        z-index: -10;
                        opacity: 0;
                        visibility: hidden;
                    }
                    svg {
                        margin-left: 0;
                        display: block!important;
                    }
                }
            }
            .service__item-title {
                /*margin-bottom: auto;*/
                /*margin-right: auto;*/
                margin-left: 10px;
                padding-top: 0;
                b {
                    font-size: 14px;
                    .new_color_items {
                        font-size: 14px;
                    }
                }
                text {
                    display: none;
                }
            }
            &.service__yellow {
                .service__img {
                    border-color: var(--yellow);
                }
            }
            &.service__2 {
                .service__img {
                    border-color: var(--yellow);
                }
            }
            &.service__blue {
                .service__img {
                    border-color: var(--blue);
                }
            }
            &.service__1 {
                .service__img {
                    border-color: var(--blue);
                }
            }
            &.service__purp {
                .service__img {
                    border-color: var(--purp);
                }
            }
            &.service__3 {
                .service__img {
                    border-color: var(--purp);
                }
            }
        }
    }
    .open_modal_bonus_button,
    .task.admTask .toggler,
    .open_modal_bonus_button,
    .task.admBonus .toggler {
        max-width: 100% !important;
        width: 100%;
    }
    .service__icons_service {
        display: none !important;
        position: absolute;
        z-index: -10;
        opacity: 0;
        visibility: hidden;
    }
    .view_active_service_tab {
        max-width: 100%;
        width: 100%;
        display: flex;
        padding: 14px 0;
        margin-bottom: 15px;
        font-size: 14px;
        position: relative;
        &:hover {
            background: transparent !important;
            border-color: unset !important;
        }
        svg {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            transition: all .3s;
        }
    }
    .service_redact_buttons {
        /*display: none;*/
    }
    .triger_update_service,
    .service_item_trigger {
        text {
            display: none;
        }
        svg {
            display: flex;
            path {
                stroke: #fff;
            }
        }
    }
    .pay_container_summa {
        .col-25 {
            /* width: 100%; */
        }
    }
    .network-table__filter {
        height: 47px;
        gap: 13px;
        display: flex;
        justify-content: space-between;
        width: 97%;
    }
    .admStatistic__right {
        .user-photo-256 {
            aspect-ratio: 1 / 1;
            width: 100px;
            height: unset;
        }
    }
    .admHelp__header {
        flex-wrap: wrap;
        margin-bottom: 66px;
        .tumb {
            max-width: 100%;
            width: 100%;
            margin-bottom: 0;
        }
        .admHelp__header-btn {
            margin: 0 auto;
        }
        .network-table__filter {
            &:not(.not_accordion) {
                top: 16px;
                left: 17px;
                max-width: 93%;
                width: 93%;
            }
        }
    }
    .admHint {
        .admHint__row {
            flex-wrap: wrap;
            input {
                max-width: 100%;
                width: 100% !important;
            }
        }
    }
    .kwt-file__drop-area {
        aspect-ratio: 1 / 1;
    }
    .kwt-file__choose-file {
        margin-right: 0;
    }
    .kwt-file__msg {
        display: none;
    }
    .w200 {
        width: 100%;
        button {
            min-width: unset !important;
            max-width: 100%;
            width: 100%;
        }
    }
    .dragDrop {
        max-width: 100%;
        width: 100%;
    }
    .admHelp__content {
        .admHelp__content_row {
            max-width: 100%;
        }
    }
    .admHelp__header.custom {
        .admHelp__header-btn {
            max-width: calc((100% - 20px) / 2);
            width: 100%;
            margin: 0;
        }
    }
    .video_button_container {
        max-width: 100%;
        width: 100%;
        .admHelp__header-btn {
            max-width: 100%;
            width: 100%;
        }
    }
    .video_container {
        --itemsRow: 1;
    }
    .form_window_content_right_buttons {
        flex-wrap: wrap;
    }
    .form_window_content_cart {
        padding: 15px 15px 10px;
    }
    .admTariff__text-row span {
        font-size: 11px;
    }
    input.input_edit_stats {
        margin-left: 3px !important;
        font-size: 11px;
    }
    .admTariff__right {
        /*display: none;*/
    }
    .network__level.level3 .network__level-col.right:before,
    .network__level.level3 .network__level-col.left:after {
        display: none;
    }
    .network__level.level3 .network__level-col.right::after,
    .network__level.level3 .network__level-col.left::before,
    .network__level.level2 .network__level-col:before,
    .network__level.level2 .network__level-col:after {
        width: 1px;
        left: 50%;
        right: unset;
    }
    .network__level .network__level-info {
        width: 100% !important;
    }
    .network__level.level3 .network__level-col {
        margin: 0 10px;
    }
    .network__level.level4 .network__level-col {
        margin: 0 20px;
    }
    .network__level {
        --circle-one: 56px;
        --margin-circle: 10px;
        .network__level-col {
            width: calc(100% - (var(--circle-one) + ((10px * 2) + (var(--margin-circle) * 2))));
            .network__user-photo {
                height: unset;
                aspect-ratio: 1 / 1;
                width: 100%;
                max-width: 90px;
            }
        }
        &.level2 {
            .network__level-col {
                max-width: var(--width-circle);
                width: var(--width-circle);
                .network__user-photo {
                    max-width: var(--circle-one);
                    width: var(--circle-one);
                    img {
                        max-width: 67%;
                        width: 100%;
                        height: auto;
                    }
                }
                &::after,
                &::before {
                    height: 90px;
                    top: 35px;
                }
                &:nth-child(1) {
                    margin: 0 10px 0 var(--margin-circle);
                }
                &:nth-child(3) {
                    margin: 0 var(--margin-circle) 0 10px;
                }
            }
        }
        &.level3 {
            --width-circle: calc(var(--circle-one) - 10px);
            --margin-circle-one: calc(((var(--circle-one) - var(--width-circle)) / 2) + var(--margin-circle));
            .network__level-col {
                max-width: var(--width-circle);
                width: var(--width-circle);
                .network__user-photo {
                    max-width: var(--width-circle);
                    width: var(--width-circle);
                    img {
                        max-width: 67%;
                        width: 100%;
                        height: auto;
                    }
                }
                &::after,
                &::before {
                    height: 80px;
                    top: 20px;
                }
                &:nth-child(1) {
                    margin: 0 10px 0 var(--margin-circle-one);
                }
                &:nth-child(3) {
                    margin: 0 var(--margin-circle-one) 0 10px;
                }
            }
        }
        &.level4 {
            --width-circle: calc(var(--circle-one) - 20px);
            --margin-circle-one: calc(((var(--circle-one) - var(--width-circle)) / 2) + var(--margin-circle));
            .network__level-col {
                max-width: var(--width-circle);
                width: var(--width-circle);
                .network__user-photo {
                    max-width: var(--width-circle);
                    width: var(--width-circle);
                    img {
                        max-width: 67%;
                        width: 100%;
                        height: auto;
                    }
                }
                &:nth-child(1) {
                    margin: 0 10px 0 var(--margin-circle-one);
                }
                &:nth-child(5) {
                    margin: 0 var(--margin-circle-one) 0 10px;
                }
            }
        }
    }
    .tumb__user-name span {
        font-size: 14px;
    }
    .standart .tumb__user-name small,
    .network__level-info small span {
        font-size: 14px;
    }
    .redact_container_category_item {
        width: 100% !important;
    }
    .redact_container_category {
        .redact_container_category_mobile {
            display: flex;
            max-width: 100%;
            width: 100%;
            margin-top: 10px;
            visibility: visible;
        }
        .redact_container_category_top {
            .redact_container_category_top_button {
                display: none;
                visibility: hidden;
            }
            .redact_container_category_top_input {
                max-width: 100%;
                width: 100%;
                .redact_container_category_top_input_input {
                    max-width: 100%;
                    width: 100%;
                }
            }
        }
    }
    .textarea {
        height: auto;
        font-size: 13px;
        line-height: 15.94px;
    }
    .form__title {
        font-size: 14px;
        line-height: 20.3px;
    }
    .service__item {
        .addTask__photo {
            max-width: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
            padding-bottom: 0;
            background: transparent;
            .service__status {
                display: none;
                visibility: hidden;
                z-index: -1;
                position: absolute;
            }
            .service__card__img {
                max-width: 50px;
                width: 100%;
                aspect-ratio: 1 / 1;
                border-radius: 6px;
                border: 1px solid var(--colorModal);
                margin-bottom: 0;
                .service__card__img_icon {
                    .service__card__img_icon_text {
                        display: none;
                        visibility: hidden;
                        z-index: -1;
                        position: absolute;
                    }
                    svg {
                        max-width: 20px;
                        width: 100%;
                        height: auto;
                    }
                }
            }
            .title_card_textarea {
                font-size: 14px;
                line-height: 17.17px;
                margin-bottom: auto;
                margin-top: 5px;
                small {
                    display: none;
                    visibility: hidden;
                }
            }
        }
        .service__button {
            padding: 0;
            max-width: 35px;
            .btn {
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                max-width: 35px;
                width: 100%;
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                height: auto;
                text {
                    display: none;
                    visibility: hidden;
                    position: absolute;
                    z-index: -1;
                }
                svg {
                    stroke: var(--colorModal);
                }
            }
        }
    }
    .addBonus__cahgeStatus {
        gap: 10px;
    }
    .service__item {
        .new_color_items {
            font-size: 14px;
            line-height: 17.17px;
        }
    }
    .tabs_mobile_help {
        display: flex;
        position: static;
        z-index: 0;
        visibility: visible;
    }
    .tabs_desctop_help {
        position: absolute;
        z-index: -1;
        display: none;
        visibility: hidden;
    }
    .mobile_hidden {
        display: none;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        z-index: -10;
    }
}

@media(max-width: 489px) {
    .home .banner__title {
        font-size: 35px;
    }
    .home .interface__nav a {
        font-size: 9px;
    }
}

@media(max-width: 600px) {
    .logout1 {
        /*margin-top: 65px;*/
    }
}

.form__row__inputs.error input {
    border: 1px solid #EA3939 !important;
    color: #EA3939;
}

.form__row__inputs.error input:focus {
    border: 1px solid #EA3939 !important;
    --tw-ring-color: transparent;
}

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

button:disabled {
    opacity: 0.3;
}

.custom_scroll {
    -ms-overflow-style: none;
}

.span_dlya_notif {
    border-radius: 6px;
    padding: 2px 3px;
    font-size: 12px !important;
    border: 1px solid;
}

.col-25:first-child .tumb-bl.tumb-bl__xs span {
    color: white
}

@media (min-width: 768px) {
    .desktop_hide{
        display:none !important;
    }
}
@media (max-width: 1000px) {
    .appeal__title {
        font-size: 16px;
        line-height: 110%
    }
}
@media (max-width: 768px) {
    .bonus__carousel_mobile {
        & .bonus__carousel_item_mobile {
            & .service__button {
                & .triger_update_bonus, & .triger_update_bonus2, & .triger_update_bonus3, & .triger_open_pay_service, & .triger_update_task, & .triger_open_modal_redact, & .bladre, & .triger_update_service {
                    svg.mobile_hide {
                        display: none !important;
                    }
                }
            }
        }
    }
    .mobile_hide{
        display: none !important;
    }
    .service_redact_buttons {
        .service_redact_button {
            padding: 11px;
            font-size: 14px;
        }
    }
    .custom-select-trigger{
        font-size: 14px;
    }

    .individ{
        text-align: center;
    }
}

.addBonus__cahgeStatus{
    justify-content: center;
}
.admHelp__header-btn .btn__yellow-border,.admHelp__header-btn  .btn__2-border{
    opacity: 1;
}

.categ_spis{
    border-radius: 10px;
    display: flex;
    border: 1px solid var(--activeColor);
    color: var(--activeColor);
    text-align: center;
    background: #121212;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    appearance: none;
    background: url(/default/images/arrow-down.svg) no-repeat right;
    background-position-x: calc(100% - 13px);
}
.title.sorttt,.sort_button_my{
    font-size: 18px;
}
.sort_button_my{
    margin-left: 25px;
    cursor: pointer;
}
.sort_button_my.active{
    color: #ea39c2;
}
@media (max-width: 450px) {
    .title.sorttt,.sort_button_my{
        font-size: 14px;
    }
    .sort_button_my{
        margin-left: 15px;
    }
}



.lich_cab .categ_spis{
    background: url(/default/images/arrow-down-orange.svg) no-repeat right ;
    background-position-x: calc(100% - 13px);
}
.categ_spis:focus-visible, .categ_spis:focus, .categ_spis:active{
    outline: none;
}
.categ_spis option:focus-visible, .categ_spis option:focus, .categ_spis option:active,
.tabs__content.jTabs__content:active,
.tabs__content.jTabs__content:hover,
.service__list.bonus__carousel_mobile:active,
.service__item.bonus__carousel_item_mobile.service_item_trigger.service__yellow:focus-visible,
.service__item.bonus__carousel_item_mobile.service_item_trigger.service__yellow:focus,
.service__list.bonus__carousel_mobile:hover{
    outline: none;

}
.tabs__content.jTabs__content .service__item.bonus__carousel_item_mobile.service_item_trigger.service__yellow:active:not(.active),
.tabs__content.jTabs__content .service__item.bonus__carousel_item_mobile.service_item_trigger.service__yellow:hover:not(.active){
    border:1px solid #242424;
}
.categ_spis option{
    color: var(--activeColor);
    text-align: center;
    background: #121212;
}
.categ_spis option:checked{
    color: var(--activeColor);
    background-color: #fff;
}

.lich_cab .service__item.service__yellow._active,.lich_cab .service__item.service__yellow:hover,.lich_cab .service__item.service__2._active,.lich_cab .service__item.service__2:hover {
     border: none!important;
}

.lich_cab .service__item.service__blue._active,.lich_cab .service__item.service__1._active,.lich_cab .service__item.service__blue:hover,.lich_cab .service__item.service__1:hover {
    border: none!important;
}
.lich_cab .service__item.service__purp._active,.lich_cab .service__item.service__3._active,.lich_cab .service__item.service__purp:hover,.lich_cab .service__item.service__3:hover {
    border: none!important;
}
/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */


/* asdfasdf */