@charset "UTF-8";

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    font-size: 16px;
    color: #212121;
    font-family: "Inter", "Arial", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    --text-grey: #949494;
    --text-black: #212121;
    --fill-grey_100: #F1F1F1;
    --fill-hover_blue: #F5F8FF;
}

body.--overflow {
    height: 100vh;
    overflow: hidden !important;
}

@supports (height: 100dvh) {
    body {
        min-height: 100dvh;
    }

    body.--overflow {
        height: 100dvh;
    }
}

body.--search:before {
    z-index: 3;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
}

body.--search .banner-index__search,
body.--search .banner-index__switch {
    position: relative;
    z-index: 11;
}

.wrap {
    position: relative;
    width: 100%;
    max-width: 1310px;
    height: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.container.--wrap {
    width: 100%;
    max-width: 1310px;
    padding: 20px 15px 64px;
    margin: 0 auto;
}

.section {
    margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
    .section {
        margin-top: 48px;
        margin-bottom: 60px;
    }
}

.h1 {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.4;
}

@media only screen and (max-width: 767px) {
    .h1 {
        font-size: 24px;
    }
}

.h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 122%;
    letter-spacing: -0.02em;
    color: #212121;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.tag {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
}

.tag.--middle {
    padding: 1px 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    color: #fff;
}

.tag.--blue {
    color: #5d87ff;
    background: #e8eeff;
}

.tag.--dblue {
    color: #fff;
    background: #5d87ff;
}

.tag.--red {
    color: #dc3545;
    background: #ffdde0;
}

.pseudo-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #5d87ff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.pseudo-link:hover {
    color: #4474ff;
}

.pseudo-link:hover span {
    border-bottom: 1px dashed #4474ff;
}

.pseudo-link:disabled {
    color: #949494;
}

.pseudo-link:disabled:hover {
    color: #949494;
}

.pseudo-link:disabled:hover span {
    border-bottom: 1px dashed #949494;
}

.pseudo-link:disabled span {
    border-bottom: 1px dashed #949494;
}

.pseudo-link span {
    line-height: 160%;
    border-bottom: 1px dashed #5d87ff;
}

.pseudo {
    font-size: 15px;
    line-height: 160%;
    color: #5d87ff;
    border-bottom: 1px dashed #5d87ff;
}

.pseudo:hover {
    color: #4474ff;
    border-color: #4474ff;
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 56px;
    line-height: 56px;
    padding: 0 32px;
    color: #5d87ff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn.--small {
    padding: 0 16px;
    height: 36px;
    min-width: 71px;
    line-height: 36px;
    font-size: 13px;
}

.btn.--middle {
    padding: 0 24px;
    height: 44px;
    line-height: 44px;
    font-weight: 500;
    font-size: 14px;
}

.btn.--blue {
    color: #fff;
    background: #5d87ff;
}

.btn.--blue:hover {
    color: #fff;
    background: #4474ff;
}

.btn.--blue:active {
    -webkit-box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    background: #4474ff;
}

.btn.--white {
    color: #5d87ff;
    background: #fff;
}

.btn.--white:hover {
    color: #4474ff;
}

.btn.--white path {
    fill: #5d87ff;
}

.btn.--w100 {
    width: 100%;
}

.btn.--border {
    border: 1px solid #e0e0e0;
}

.btn.--transparent {
    color: #fff;
    background: transparent;
}

.btn.--transparent:hover {
    color: #fff;
}

.btn:hover {
    color: #4474ff;
}

.btn:active {
    color: #4474ff;
    box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}

.btn:disabled {
    color: #949494;
    background: #e0e0e0;
}

.btn:disabled:hover {
    color: #949494;
    background: #e0e0e0;
    cursor: auto;
}

.btn:disabled:active {
    color: #949494;
    text-shadow: none;
}

.btn svg,
.btn img {
    margin-right: 12px;
}

.field {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-size: 15px;
    border-radius: 8px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

textarea.field {
    display: block;
    width: 100%;
    height: 100px;
    line-height: 25px;
    padding: 10px 16px;
    font-size: 15px;
    border-radius: 8px;
    border: 1px solid #F1F1F1;
    background: #F1F1F1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.field.--small {
    height: 36px;
    line-height: 36px;
}

.field.--error {
    border-color: #dc3545;
    background-color: #efeff0;
}

.field.--error::placeholder {
    color: #dc3545;
}

.field:hover {
    background: #e0e0e0;
}

.field:focus {
    border-color: #5d87ff;
    background: #efeff0;
}

.field:disabled {
    cursor: auto;
    color: #efeff0;
    background-color: #efeff0;
}

.field::-webkit-input-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.field::-moz-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.field::-ms-input-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.field::placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.checkbox input {
    display: none;
}

.checkbox input:checked + label:before {
    border-color: #5d87ff;
    background: #5d87ff url("../images/ico/check.svg") no-repeat center center/10px;
}

.checkbox__item {
    position: relative;
    font-size: 14px;
    padding-left: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox__item:hover:before {
    background: #efeff0;
}

.checkbox__item:before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #adadad;
    background: #fff;
}

.switch input {
    display: none;
}

.switch input:checked + label {
    background: #5d87ff;
}

.switch input:checked + label:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.switch__item {
    position: relative;
    display: block;
    width: 44px;
    height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #adadad;
    border-radius: 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.switch__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tab__block {
    display: none;
}

.tab__block.--active {
    display: block;
}

/*стрелочка сразу возле текста*/

.select2-container {
    /*width: -webkit-max-content !important;
    width: -moz-max-content !important;*/
    width: max-content !important;
    padding-right: 5px;
}

.select2-container--default .select2-selection--single {
    height: 36px;
    line-height: 36px;
    border: none;
    border-radius: 0;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: "Inter", "Arial", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    padding: 0 24px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    color: #5d87ff;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    top: 0;
    width: 36px;
    height: 36px;
    background: url("../images/ico/select.svg") no-repeat center center/8px;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
    display: none;
}

.select2-results__option {
    padding: 8px 16px;
}

.select2-container--default
.select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    padding: 8px 16px;
    color: #5d87ff;
    background: none;
    border-radius: 0;
}

.select2-container--default
.select2-results__option--highlighted[aria-selected]:hover,
.select2-container--default
.select2-results__option[aria-selected="true"]:hover {
    color: #212121;
    background: #f5f8ff;
}

.select2-dropdown {
    left: -16px !important;
    min-width: 296px;
    padding: 8px 0;
    border: none;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px !important;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .select2-dropdown {
        min-width: 200px;
    }
}

.select2.select2-container--open .select2-selection--single {
    border-color: #e1e1e1;
    background: #fff;
    border-bottom: none !important;
}

.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow {
    background: url("../images/ico/select.svg") no-repeat center center/8px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
    color: #212121;
}

ul {
    padding-left: 20px;
}

ul ul {
    display: none;
}

ul li {
    list-style: none;
}

ul li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header {
    position: relative;
    z-index: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.1px;

}

.header.--index {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
}

.header.--index.--active {
    color: #212121;
    background: #fff;
}

.header.--index.--active .header__logo path,
.header.--index.--active .header__search path,
.header.--index.--active .header__user-icon path {
    fill: #212121;
}

.header.--index.--active .header__user:hover .header__user-arrow path {
    stroke: #5e84f1;
}

.header.--index.--active .header__logo path {
    fill: #009CDF;
}

.header.--index.--active .header__user-arrow path {
    stroke: #212121;
}

.header.--index.--active .header__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header.--index .header__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.header.--index .header__hamburger span {
    background: #fff;
}

.header.--index .header__link:hover {
    border-color: #fff;
}

.header.--index .header__search:hover {
    background: #fff;
}

.header.--index .header__search:hover .header__search-open path {
    fill: #5e84f1;
}

.header.--index .header__user:hover .header__user-icon {
    background: #fff;
}

.header.--index .header__user:hover .header__user-icon path {
    fill: #5d87ff;
}

.header.--index .header__user:hover .header__user-arrow path {
    stroke: #fff;
}

@media only screen and (max-width: 767px) {
    .header .wrap {
        padding: 0;
    }
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 32px;
    height: 64px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.09);
    border-radius: 0 0 8px 8px;
    background: #fff;
}

@media only screen and (max-width: 1023px) {
    .header__inner {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header__inner {
        padding: 0 15px;
        border-radius: 0;
        background: none;
    }
}

.header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.header__hamburger {
    width: 30px;
}

@media only screen and (min-width: 1024px) {
    .header__hamburger {
        display: none;
    }
}

.header__hamburger.--active span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header__hamburger.--active span:nth-child(2) {
    opacity: 0;
}

.header__hamburger.--active span:nth-child(3) {
    top: -10px;
    width: 100%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header__hamburger span {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background: #212121;
    margin-bottom: 8px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header__hamburger span:last-child {
    width: 20px;
    margin-bottom: 0;
}

/*.header__logo {
    width: 120px;
}*/

.header__logo svg {
    width: 100%;
}

.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
    margin-right: 125px;
}

@media only screen and (max-width: 1023px) {
    .header__nav, .header__actions .btn {
        display: none;
    }
}

.header__link {
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header__link:hover {
    border-color: #212121;
}

.header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.header__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header__search, .header__user, .header__user-logout {
    cursor: pointer;
    transition: 0.3s;
}

.header__search:hover .header__search-open path {
    fill: #5e84f1;
}

@media only screen and (max-width: 1023px) {
    .header__search, .header__user-icon {
        display: none;
    }

}

.header__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header__user:hover .header__user-icon path {
    fill: #5d87ff;
}

.header__user:hover .header__user-arrow path {
    stroke: #5d87ff;
}

.header__user svg {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header__user svg:nth-child(1) {
    width: 32px;
}

.header__user svg:nth-child(2) {
    width: 24px;
}

.header__user .header__user-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    border-radius: 8px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.search {
    display: none;
    position: fixed;
    z-index: 4;
    top: 64px;
    left: 0;
    width: 100%;
    height: calc(100vh - 64px);
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.search.--active {
    display: block;
}

.search__inner {
    padding: 32px 32px 80px;
}

@media only screen and (max-width: 767px) {
    .search__inner {
        padding: 0 0 80px;
    }
}

.search__header {
    position: relative;
    margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
    .search__header {
        margin-bottom: 0;
    }
}

.search__field {
    width: 100%;
    height: 96px;
    padding-right: 128px;
    line-height: 96px;
    font-weight: 600;
    font-size: 28px;
    color: #212121;
}

@media only screen and (max-width: 767px) {
    .search__field {
        height: 50px;
        padding-right: 65px;
        line-height: 50px;
        font-size: 16px;
    }
}

.search__field::-webkit-input-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.search__field::-moz-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.search__field::-ms-input-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.search__field::placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.search__btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 96px;
    height: 96px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 767px) {
    .search__btn {
        width: 50px;
        height: 50px;
    }
}

.search__item:last-child {
    margin-bottom: 0;
}

.search__item-footer {
    margin: 8px 0;
}

.search__row {
    position: relative;
    display: block;
    padding: 0 0;
}

.search__row:hover:before {
    opacity: 1;
}

.search__row:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -1000px;
    width: calc(100% + 2000px);
    height: 100%;
    background: #f3f6fe;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.menu {
    display: none;
    position: fixed;
    z-index: 3;
    left: 0;
    width: 100%;
    height: 100vh;
    /*height: calc(var(--vh, 1vh) * 100);*/
    padding: 0 0 80px;
    /*overflow-y: auto;*/
    background: #fff;
    overscroll-behavior: none;
}

@supports (height: 100dvh) {
    .menu {
        height: 100dvh;
    }
}

.menu__link {
    display: block;
    padding: 12px 15px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    border-bottom: 1px solid #dededf;
    margin-bottom: 8px;
}

.menu__link:last-child {
    margin-bottom: 0;
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.footer.--index {
    color: #fff;
    background: #5d87ff;
}

.footer.--index a:hover {
    border-color: #fff;
}

.footer.--index .footer__inner {
    padding: 34px 32px 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

@media only screen and (max-width: 767px) {
    .footer.--index .footer__inner {
        padding: 34px 15px 24px;
    }
}

.footer a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-bottom: 1px solid transparent;
}

.footer a:hover {
    border-color: #212121;
}

.footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 32px;
    border-radius: 8px 8px 0 0;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.09);
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .footer__inner {
        padding: 24px 15px;
    }
}

.footer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
}

@media only screen and (max-width: 767px) {
    .footer__item {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer__item:last-child {
        margin-bottom: 0;
    }
}

.footer__text {
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
}

@media only screen and (max-width: 767px) {
    .footer__text {
        display: block;
        font-size: 12px;
    }
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    padding: 86px 15px;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 101;
    overflow-y: auto;
    overscroll-behavior: none;
}

@media only screen and (max-width: 767px) {
    .modal {
        padding: 15px;
    }
}

.modal .list {
    padding: 16px 0 0;
    margin: 0 0 8px;
    overflow-y: auto;
    overscroll-behavior: none;
}

.modal .list .checkbox__item {
    position: relative;
    display: block;
    line-height: 1.3;
    font-size: 14px;
}

/*.modal .list ul {
padding: 16px 0 0 28px;
}*/

.modal .list ul {
    padding: 0 0 0 28px;
}

.modal .list ul:last-child {
    margin-bottom: 0;
}

/*.modal .list li {
margin-bottom: 16px;
}*/

.modal .list li.--active {
    position: relative;
}

.modal .list li.--active:before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 9px;
    width: 1px;
    height: calc(100% - 30px);
    background: #d9d9d9;
}

.modal .list li.--dot .checkbox__item { /* fixed ml 16 -> 27 */
    padding-left: 56px;
    margin-left: 27px;
}

.modal .list li.--dot .checkbox__item:before {
    left: 28px;
}

.modal .list li.--dot .checkbox__item:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px; /*6px;*/
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #212121;
}

.modal .list li:last-child {
    margin-bottom: 0;
}

.modal .list__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center; /*flex-start;*/
    gap: 8px;
}

.modal .list__arrow { /* fixed w&h 20 -> 40 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal .list__arrow.--active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.modal__block {
    position: relative;
    max-height: 100%;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: none;
}

.modal__block.--form {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -640px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 628px;
    height: calc(100vh - 172px);
    padding: 24px 24px 0;
    overflow-y: hidden;
}

.modal__block.--form.--center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 0;
    height: auto;
    width: 662px;
    max-width: 662px;
}

@media only screen and (max-width: 1324px) {
    .modal__block.--form {
        /*left: 0;*/
        margin-left: 0;
    }
}

/*@media only screen and (max-width: 767px) {
  .modal__block.--form {
    height: calc(100vh - 30px);
    padding: 24px 15px 0;
  }
}*/

@media only screen and (max-width: 767px) {
    .modal__block.--form.--center {
        width: 100%;
    }

    .modal__footer {
        width: 100%;
        box-sizing: content-box;
    }

    .modal__block.--form {
        height: calc(100vh - 30px);
        padding: 24px 15px 0;
    }
}

.modal__block.--form .modal__close {
    top: 10px;
    right: 10px;
}

@media only screen and (max-width: 767px) {
    .modal__block.--form .modal__close {
        top: 20px;
    }
}

.modal__block.--simple {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    max-width: 560px;
    padding: 24px;
}

@media only screen and (max-width: 767px) {
    .modal__block.--simple {
        top: 15px;
        left: initial;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 24px 15px;
    }
}

.modal__block.--simple .modal__footer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
    width: initial;
    padding: 0;
    border: none;
    margin-left: initial;
}

@media only screen and (max-width: 767px) {
    .modal__block.--simple .modal__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .modal__block.--simple .modal__footer .btn {
        width: 100%;
    }
}

.modal__close, .trade-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .modal__close {
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
    }
}

.modal__title {
    padding-right: 55px;
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
    margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
    .modal__title {
        padding-right: 45px;
    }
}

.modal__title:last-child {
    margin-bottom: 0;
}

.modal__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px;
    width: calc(100% + 64px);
    padding: 12px 32px;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    overflow-x: auto;
    overscroll-behavior: none;
    margin-left: -32px;
}

.modal__tag::-webkit-scrollbar {
    display: none;
}

.modal__tag-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.modal__tag-link:hover {
    color: #5d87ff;
}

.modal__tag-link.--active {
    color: #fff;
    background: #5d87ff;
}

.modal__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    margin-bottom: 32px;
}

.modal__search {
    margin-bottom: 16px;
}

.modal__search:last-child {
    margin-bottom: 0;
}

.modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 32px;
    font-weight: 500;
    font-size: 14px;
    border-top: 1px solid #f1f1f1;
    background: #fff;
    margin-left: -32px;
}

.modal__footer-bottom_padding {
    border-top: none;
    padding-top: 24px;
    padding-bottom: 0;
}

.filter .modal__footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}


.modal__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding-top: 12px;
}

@media only screen and (max-width: 767px) {
    .modal__actions {
        flex-direction: column;
        width: 100%;
        padding-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .modal__actions .btn {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.modal__progress {
    margin-bottom: 16px;
}

.modal__progress progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 20px;
}

.modal__progress progress::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #f1f1f1;
    overflow: hidden;
}

.modal__progress progress::-webkit-progress-value {
    background: #5d87ff;
}

.modal__progress-value {
    width: 100%;
    text-align: right;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    color: #252525;
}

.text-grey {
    color: var(--text-grey);
}

.text-black {
    color: var(--text-black);
}

.banner-index {
    color: #fff;
    background: url("../images/pic/banner.png") no-repeat center bottom/cover;
}

@media only screen and (max-width: 767px) {
    .banner-index .btn {
        width: 100%;
    }
}

.banner-index__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 500px;
    padding: 64px 32px;
}

@media only screen and (max-width: 767px) {
    .banner-index__inner {
        justify-content: flex-start;
        height: 100%;
        padding: 0;
    }
}

.banner-index__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 56px;
}

@media only screen and (max-width: 767px) {
    .banner-index__header {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-index__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
}

.banner-index__info {
    /*max-width: 636px;
      margin-right: 30px;*/
    display: flex;
}

.mobile-br {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .mobile-br {
        display: inline;
    }
    .banner-index__info {
        max-width: initial;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 48px;
    }
}

.banner-index__title {
    /*font-weight: 600;*/
    width: 50%;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 24px;
    letter-spacing: 0.33px;
}

@media only screen and (max-width: 767px) {
    .banner-index__title {
        text-align: center;
        width: 100%;
        font-size: 30px;
        line-height: 36px;
    }
}

.banner-index__text {
    /*max-width: 500px;*/
    /*height: 100px;*/
    margin-bottom: 20px;
    width: 50%;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.1px;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1023px) {
    .banner-index__text {
        width: 100%;
    }

    .banner-index__title {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-index__text {
        text-align: center;
        width: 100%;
    }
}

.banner-index__switch {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4px;
    padding: 4px;
    border-radius: 50px;
    background: #a1b9ff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .banner-index__switch {
        width: 100%;
    }
}

.banner-index__switch.--active:before {
    content: "Поиск поставщиков";
    -webkit-transform: translateX(198px);
    -ms-transform: translateX(198px);
    transform: translateX(198px);
    width: 230px;
}

@media only screen and (max-width: 767px) {
    .banner-index__switch.--active:before {
        -webkit-transform: translateX(calc(100% - 4px));
        -ms-transform: translateX(calc(100% - 4px));
        transform: translateX(calc(100% - 4px));
        width: calc(50% - 2px);
    }
}

.banner-index__switch:before {
    content: "Поиск продукции";
    display: block;
    position: absolute;
    z-index: 0;
    top: 4px;
    left: 4px;
    width: 194px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: #5d87ff;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

@media only screen and (max-width: 767px) {
    .banner-index__switch:before {
        width: calc(50% - 2px);
        font-size: 12px;
    }
}

.banner-index__switch-item {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50px;
}

.banner-index__switch-item:hover {
    background: #89a8ff;
}

@media only screen and (max-width: 767px) {
    .banner-index__switch-item {
        font-size: 12px;
    }
}

.banner-index__switch-item:nth-child(1) {
    width: 194px;
}

@media only screen and (max-width: 767px) {
    .banner-index__switch-item:nth-child(1) {
        width: calc(50% - 2px);
    }
}

.banner-index__switch-item:nth-child(2) {
    width: 230px;
}

@media only screen and (max-width: 767px) {
    .banner-index__switch-item:nth-child(2) {
        width: calc(50% - 2px);
    }
}

.banner-index__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .banner-index__search .tag {
        margin-bottom: -6px;
    }
    .main-search-container {
        height: 100%;
        justify-content: space-between;
    }

    .banner-index__search {
        width: 100%;
        margin-bottom: 44px;
        gap: 200px;
    }
}

.banner-index__search-inner {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
}

@media only screen and (max-width: 767px) {
    .banner-index__search-inner {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.banner-index__search-inner.--active .banner-index__search-btn.--search {
    display: none;
}

.banner-index__search-inner.--active .banner-index__search-btn.--close {
    display: block;
}

.banner-index__search-field {
    width: 100%;
    height: 56px;
    line-height: 24px;
    padding: 0 64px 0 24px;
    font-weight: 500;
    font-size: 15px;
    color: #212121; /*#ADADAD;*/
    border-radius: 8px;
    border: 1px solid #fff;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    letter-spacing: -0.1px;
}

.banner-index__search-field.--error {
    border: 1px solid #5d87ff;
}

.banner-index__search-field:focus {
    border-color: #5d87ff;
}

.banner-index__search-field::-webkit-input-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.banner-index__search-field::-moz-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.banner-index__search-field::-ms-input-placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.banner-index__search-field::placeholder {
    color: #949494;
    font-size: inherit;
    font-family: inherit;
}

.banner-index__search-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.banner-index__search-btn.--close {
    display: none;
}*/

.banner-index__search-result {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: calc(100% + 2px);
    color: #212121;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    overflow: hidden;
}

.banner-index__search-result__item {
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.banner-index__search-result__item:last-child {
    border: none;
}

.banner-index__search-result__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
    .banner-index__search-result__row {
        grid-row-gap: 0;
    }
}

.banner-index__search-result__row:last-child {
    margin-bottom: 0;
}

.banner-index__search-result__inner {
    font-size: 14px;
    line-height: 160%;
}

.banner-index__search-result__inner.no-found a {
    color: #3869d4;
}

@media only screen and (max-width: 767px) {
    .banner-index__search-result__inner {
        line-height: 1.2;
    }
}

.banner-index__search-result__inner span {
    line-height: 160%;
}

.banner-index__search-result__inner span:last-child {
    font-weight: 500;
}

.banner-index__search-result__title {
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 15px;
    line-height: 160%;
}

.banner-index__search-result__title > span {
    line-height: 160%;
}

.banner-index__search-result__footer {
    padding: 8px 16px;
}

.index {
    position: relative;
    z-index: 2;
    top: -10px;
    padding: 70px 0 100px;
    border-radius: 12px;
    background: #fff;
    margin-bottom: -20px;
}

@media only screen and (max-width: 767px) {
    .index {
        padding: 0;
        top: initial;
        border-radius: 0 0 12px 12px;
    }
}

.advantages-index {
    position: relative;
}

.advantages-index__tabs {
    width: 100%;
    display: flex;
    justify-content: center;
}

.advantages-index__tabs .tab-links{
    width: 72% !important;
    background-color: #FFFFFF;
}

.advantages-index__tabs .finance_btn{
   color: #282D3C;
   font-size: 16px;
   max-width: 100%;
   padding: 16px 24px;
   
}

.advantages-index__tabs .finance_btn.active{
   background-color: #5D87FF;
   color: #FFFFFF;
}

.main-info-index__container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.main-info-index__container .info-index__item{
    width: 313px;
    height: 137px;
    display: flex;
    align-items: center;
    min-height: 0;
    padding: 24px;
    gap: 20px;
}

.info-index__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.main-info-index__container .info-index__title{
    width: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.main-info-index__container .info-index__text{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #8C94A8;
}

.demo-container {
    margin-top: 40px;
    background: url("../images/pic/demo-bg.png") no-repeat top center !important;
}

.analytics-demo-container {
    background: url("../images/pic/analytics-demo-bg.png") no-repeat top center !important;
    background-size: cover !important;
}

.analytics-demo-container .btn{
    max-width: 211px;
}

.demo-info {
    width: 60%;
}

.demo-info .info-index__title {
    padding: 0;
    font-size: 42px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0;
    margin-bottom: 16px;
}

.demo-free {
    color: #A55FFF;
}

.demo-info .info-index__text {
    font-size: 16px;
    font-weight: 400;
    color: #8C94A8;
    margin-bottom: 64px;
}


.advantages-index .frequent_questions_section {
    display: none;
}

#feedbackFormModal {
    z-index: 1000;
}

@media only screen and (max-width: 767px) {
    .demo-container {
        margin-top: 32px;
        background: url("../images/pic/demo-bg-mobile.png") no-repeat top center !important;
        background-size: cover !important;
    }

    .analytics-demo-container {
        background: url("../images/pic/analytics-demo-mobile-bg.png") no-repeat center !important;
        background-size: 100% !important;
    }

    .analytics-demo-container .btn{
        max-width: 100%;
    }

    .demo-info {
        width: 100%;
    }

    .demo-info .info-index__title {
        width: 100%;
        font-size: 36px;
    }

    .analytics-demo-container .info-index__text {
        margin-bottom: 161px;
    }

    .frequent_question_answer .info-index__item-mobile{
        width: 100%;
        display: flex;
        align-items: center;
        min-height: 0;
        padding: 24px;
        gap: 20px;
    }
    .info-index__item-mobile .info-index__title {
        padding: 0;
        width: 100%;
    }

    .advantages-index .frequent_questions_section {
        margin-top: 40px;
        display: block;
    }

    .advantages-index_desktop {
        display: none;
    }

    .advantages-index .frequent_questions_section .frequent_question {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
    }

    .advantages-index .frequent_questions_section_right {
        gap: 0;
    }
    
    .advantages-index .personal_item {
        border-radius: 0;
    }

    .frequent_question:hover {
        color: black !important;
    }

    .personal_item-first {
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
    }

    .personal_item-last {
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
    }
    

}

.cases-section, .instructions-section {
  position: relative;  
}

.cases-bg {
  position: absolute;
  top: 0;
  left: 50%;   
  transform: translateX(-50%);
  width: 100vw;      
  height: 100%;
  background: #FFFFFF;
}


.cases {
  position: relative;
  padding-bottom: 60px;
}

.section-title{
    width: 100%;
    text-align: center;
    font-size: 48px;
    line-height: 54px;
    padding-top: 80px;
}

.swiper {
  overflow: hidden;
  position: relative;
}

/* --- Карточки --- */
.case-card {
  position: relative;
  display: flex;
  align-items: end;
  border-radius: 24px;
  margin-bottom: 144px;
}

.case-bg {
  width: 100%;
  height: 100%; 
  display: block;
}

.case-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;                 
  transform: translateY(50%);
  z-index: 1000;
  background-color: #F4F6FB;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.case-label {
  font-size: 14px;
  color: #8C94A8;
  display: block;
  margin-bottom: 4px;
}

.case-content p {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 8px;
}

.case-content a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #5D87FF;
  text-decoration: none;
}

/* --- Нижняя панель --- */
.cases-bottom {
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 20px;
}

@media only screen and (max-width: 767px) {
    .cases-bottom {
        display: none;
    }
    .section-title {
        padding-top: 40px;
    }
    .case-bg {
        object-fit: cover;
        border-radius: inherit;
    }
    .cases {
        object-fit: cover;
        padding-bottom: 0;
    }
    .cases-bottom {
        display: none;
    }
    .instrument-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .instrument-card {
        width: 100%;
    }

    .instrument-card:nth-child(1) {
        order: 1; 
        color: white;
        background-color: #6C92FF;
    }
    .instrument-card:nth-child(2) { order: 2; }
    .instrument-card:nth-child(3) { order: 4; }
    .instrument-card:nth-child(4) { 
        order: 3;
        background: linear-gradient(180deg, #F0FCE7 0%, #E7F5DD 100%);
    }
}

/* --- Скроллбар --- */
.cases-slider .swiper-scrollbar {
    width: 87%;
    height: 3px !important;
    background: #e6e6e6 !important;
    border-radius: 3px;
    position: relative;
    left: 0;
}

.cases-slider .swiper-scrollbar-drag {
  background: #4f70ff !important;
  border-radius: 3px;
}

/* --- Кнопки --- */
.cases-slider .cases-nav {
  display: flex;
  position: absolute;
  right: 3px;
  bottom: 2px;
  gap: 12px;
}

.cases-slider .swiper-button-prev,
.cases-slider .swiper-button-next {
    width: 56px !important;
    height: 56px !important;
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F4F6FB !important;
    border-radius: 50%;
    cursor: pointer;
    color: #4f70ff;
    transition: all 0.2s ease;
}

.swiper-button-next img {
    width: 30px;
    height: 30px;
    transform: rotate(-90deg);
}

.swiper-button-prev img {
    width: 30px;
    height: 30px;   
    transform: rotate(90deg);
}

.cases-slider .swiper-button-prev.swiper-button-disabled,
.cases-slider .swiper-button-next.swiper-button-disabled {
    background-color: #F4F6FB !important;
    color: #C2CAF0; /* серый цвет стрелки */
}

.cases-slider .swiper-button-prev.swiper-button-disabled img,
.cases-slider .swiper-button-next.swiper-button-disabled img {
    filter: invert(71%) sepia(14%) saturate(1766%) hue-rotate(210deg) brightness(80%) contrast(80%);
    opacity: 0.5;
}

.cases-slider .swiper-button-prev::after,
.cases-slider .swiper-button-next::after {
  display: none;
}

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

.instrument-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-flow: row;
  gap: 8px;
  align-items: stretch;
  margin: 0 auto;
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    flex: 1;
}

.instrument-grid .column:first-child .instrument-card:first-child {
    background-color: #6C92FF;
    color: #FFFFFF;
}

.instrument-grid .column:first-child .instrument-card:first-child {
    background-color: #6C92FF;
    color: #FFFFFF;
}

.instrument-card img {
    max-width: 530px;
}

.instrument-grid .column:last-child .instrument-card:last-child {
    background: linear-gradient(180deg, #F0FCE7 0%, #E7F5DD 100%);
}

.instrument-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    padding: 32px;
    border-radius: 20px;

}

.instrument-card-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.instrument-card-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.instrument-card-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.filler {
  flex-grow: 1;
}

@media only screen and (max-width: 767px) {
    .filler {
        display: none;
    }
    .instrument-card img {
        max-width: 329px;
    }
}

.instrument-grid {
    display: flex;
}

.instructions-section .tab-links {
    background-color: #F4F6FB;
    width: 70%;
}

.instructions-tab {
    display: flex;
    gap: 8px;
}

.video-wrapper {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden; 
    aspect-ratio: 16 / 9;
}

.video {
  width: 100%;
  display: block;
}

.video-preview {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border: none;
  border-radius: 50%;
  background: #5D87FF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 100;
}

.play-icon {
  width: 32px;
  height: 32px;
}

/* Скрываем кнопку при воспроизведении */
.play-btn.hidden {
  display: none;
}

.video-info {
    background-color: #F4F6FB;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px;
    border-radius: 20px;
    width: 100%;
}

.video-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 8px;
}

.video-subtitle {
    color: #8C94A8;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.video-timing {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #8C94A8;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


.sources-section {
    position: relative;
    padding-bottom: 80px;
}

.sources-container, .individual-report-container {
    position: relative;
    z-index: 99;
}

.sources-section .section-title {
    color: #FFFFFF !important;
    margin-bottom: 40px;
}

.sources-bg {
  position: absolute;
  top: 0;
  left: 50%;   
  transform: translateX(-50%);
  width: 100vw;      
  height: 100%;
  background: #14202B;
}

.sources-swiper-slide {
    background: url("../images/pic/sources-slide-bg.png") no-repeat center;
    height: 106px;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    gap: 12px;
    align-items: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.individual-report-section {
    position: relative;
    padding-bottom: 120px;
}

.individual-report-content{
    display: flex;
    gap: 32px;
}

.individual-report-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: url("../images/pic/individual-report-left-bg.png") no-repeat center;
  background-size: cover;
  background-position: center; 
  overflow: hidden;
  color: #FFFFFF;
}


.individual-report-left .btn {
    width: 35%;
}

.individual-report-order-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.individual-report-order-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.individual-report-order-subtitle, .individual-report-feature-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.individual-report-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.individual-report-left, .individual-report-feature {
    border-radius: 24px;
    padding: 32px;
}

.individual-report-feature {
    background-color: #F4F6FB;
}

.individual-report-feature img{
    margin-bottom: 20px;
}

.individual-report-feature-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 8px;
}

.videos-mobile {
    display: none;
}

.feedback-form-mobile-button {
    display: none;
}

@media only screen and (max-width: 767px) {
    .section-title {
        font-size: 32px;
        line-height: 36px;
    }
    .videos-tabs {
        display: none;
    }
    .videos-mobile {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .feedback-form-mobile-button {
        display: flex;
    }
    .feedback-form-desktop-button {
        display: none;
    }

    .individual-report-section {
        padding-bottom: 20px;
    }
    .individual-report-content {
        flex-direction: column;
        gap: 24px;
    }
    .individual-report-right {
        display: flex;
        flex-direction: column;
    }
    .individual-report-left { order: 2; }
    .individual-report-right { order: 1; }

    .individual-report-order-info {
        margin-bottom: 140px;
    }
    .individual-report-left .btn {
        width: 100%;
    }
    .video-container-mobile {
        display: flex;
        gap: 12px;
    }

    .instructions-index {
        margin-bottom: 0 !important;
        padding-bottom: 40px;
    }

    .video-wrapper {
        max-width: 171px;
    }

    .how-it-work .video-wrapper {
        max-width: 100%;
    }
    .video {
        border-radius: 12px;
    }

    .video-info {
        background-color: #FFFFFF;
        padding: 0;
        border-radius: 0;
        gap: 4px;
        justify-content: flex-start;
    }

    .video-title {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 18px;
    }

    .video-subtitle {
        font-size: 12px;
        line-height: 16px;
    }
    
    /* .play-btn {
        visibility: hidden;
    } */

    .video-wrapper .video-timing {
        color: #FFFFFF;
        position: absolute;
        bottom: 8px;
        right: 8px;
        padding: 4px;
        background-color: #21212166;
        border-radius: 8px;
    }

    .video-subtitle {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .video-modal-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 999;
        pointer-events: none;
    }


    .video-modal {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        border-radius: 16px 16px 0 0;
        z-index: 1000;
        transform: translateY(100%);
        transition: transform 0.3s ease;
        max-height: 90%;
        overflow-y: auto;
    }

    #feedbackFormMobileModal .video-modal  {
        bottom: 0;
    }

    .video-modal.active {
        transform: translateY(0);
    }

    .video-modal.dragging {
        transition: none;
    }

    .video-modal-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.2);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 999;
        pointer-events: none;
    }

    .video-modal-overlay.active {
        opacity: 1;
        pointer-events: auto;
    }


    .modal-drag {
        width: 50px;
        height: 5px;
        background: #ccc;
        border-radius: 4px;
        margin: 10px auto;
    }

    .modal-content {
        padding: 16px;
    }

    .modal-content .video-wrapper {
        max-width: 100%;
    }

    .modal-content .play-btn {
        visibility: visible;
    }

    .modal-content .video-title {
        margin-top: 12px;
        margin-bottom: 8px;
    }

    .modal-content .video-timing {
        margin-top: 12px;
        margin-bottom: 16px;
    }
        
}

/* --- Адаптив --- */
@media (max-width: 1024px) {
  .case-card {
    height: 380px;
  }
}

.advantages-index__slider {
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
    padding: 10px 10px 20px;
    margin: -10px 0 -20px;
}

.advantages-index__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 280px;
    padding: 32px;
    -webkit-box-shadow: 0 5px 18px -4px rgba(24, 39, 75, 0.12),
    0 4px 9px -3px rgba(24, 39, 75, 0.12);
    box-shadow: 0 5px 18px -4px rgba(24, 39, 75, 0.12),
    0 4px 9px -3px rgba(24, 39, 75, 0.12);
    border-radius: 8px;
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .advantages-index__item {
        height: 220px;
        padding: 15px;
    }
}

.advantages-index__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 156%;
    color: #212121;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 58px;
}

.advantages-index__ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    width: 48px;
    height: 48px;
    background: -webkit-linear-gradient(315deg, #5e84f1 0%, #6c92ff 100%);
    background: -o-linear-gradient(315deg, #5e84f1 0%, #6c92ff 100%);
    background: linear-gradient(135deg, #5e84f1 0%, #6c92ff 100%);
}

.advantages-index__prev,
.advantages-index__next {
    position: absolute;
    z-index: 1;
    bottom: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    line-height: 156%;
    color: #212121;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .advantages-index__prev,
    .advantages-index__next {
        display: none;
        /*bottom: 115px;*/
    }
}

.advantages-index__prev:hover,
.advantages-index__next:hover {
    background: #5d87ff;
}

.advantages-index__prev:hover path,
.advantages-index__next:hover path {
    stroke: #fff;
}

.advantages-index__prev:active,
.advantages-index__next:active {
    -webkit-box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    background: #5d87ff;
}

.advantages-index__next {
    right: -28px;
}

@media only screen and (max-width: 1365px) {
    .advantages-index__next {
        right: -15px;
    }
}

.advantages-index__prev {
    left: -28px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (max-width: 1365px) {
    .advantages-index__prev {
        left: -15px;
    }
}

.search-index__inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
    grid-gap: 24px;
}

@media only screen and (max-width: 767px) {
    .search-index__inner {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

.search-index__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 156px;
    padding: 10px 130px 10px 32px;
    border-radius: 8px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .search-index__item {
        padding: 10px 50px 10px 15px;
        background-position: center right;
    }
}

.search-index__item:hover .search-index__arrow {
    background: #a55fff;
}

.search-index__item:hover .search-index__arrow path {
    stroke: #fff;
}

.search-index__item:active .search-index__arrow {
    -webkit-box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    background: #a55fff;
}

.search-index__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
    margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
    .search-index__title {
        font-size: 20px;
    }
}

.search-index__text {
    font-size: 15px;
    line-height: 160%;
}

.search-index__arrow {
    position: absolute;
    z-index: 1;
    top: 32px;
    right: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .search-index__arrow {
        top: 15px;
        right: 15px;
    }
}

.info-index {
    margin-bottom: 200px;
}

@media only screen and (max-width: 1040px) {
    .info-index {
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .info-index {
        margin-bottom: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .info-index .btn {
        width: 100%;
    }
}

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

@media only screen and (max-width: 1279px) {
    .info-index__inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 767px) {
    .info-index__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.info-index__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*grid-auto-rows: -webkit-max-content;*/
    grid-auto-rows: max-content;
    grid-gap: 24px;
    margin-right: 40px;
    width: 100%;
}

@media only screen and (max-width: 1279px) {
    .info-index__info {
        margin-right: 24px;
    }
}

@media only screen and (max-width: 1150px) {
    .info-index__info {
        grid-template-columns: 1fr;
        margin-right: 24px;
    }

    #access-form {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .info-index__info {
        margin-bottom: 24px;
        margin-right: 0;
    }
}

.info-index__item {
    border-radius: 8px;
    padding: 32px;
    min-height: 210px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .info-index__item {
        padding: 15px;
    }
}

.info-index__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.info-index__ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    width: 48px;
    height: 48px;
    background: -webkit-linear-gradient(315deg, #5e84f1 0%, #6c92ff 100%);
    background: -o-linear-gradient(315deg, #5e84f1 0%, #6c92ff 100%);
    background: linear-gradient(135deg, #5e84f1 0%, #6c92ff 100%);
}

.info-index__title {
    width: calc(100% - 48px);
    padding-left: 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
}

@media only screen and (max-width: 767px) {
    .info-index__title {
        font-size: 18px;
    }
}

.info-index__text {
    font-size: 15px;
    line-height: 160%;
}

.info-index__form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 350px;
    padding: 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .info-index__form {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        min-width: initial;
        width: 100%;
        padding: 15px;
    }
}

.info-index__form-title {
    cursor: pointer;
    gap: 8px;
    color: #212121;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
    margin-bottom: 32px;
}

.info-index__form-text {
    font-size: 15px;
    line-height: 160%;
    margin-bottom: 24px;
}

.info-index__form-inner {
    display: grid;
    grid-gap: 12px;
    margin-bottom: 12px;
}

#registrationForm .info-index__form-inner {
    grid-gap: 0;
}

@media only screen and (max-width: 767px) {
    .info-index__form-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.info-index__form-inner .field:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
}

.info-index__form-inner .field:nth-child(2) {
    grid-area: 2 / 1 / 3 / 3;
}

.info-index__form-inner .field:nth-child(3) {
    grid-area: 3 / 1 / 4 / 3;
}

.info-index__form-inner .field:nth-child(4) {
    grid-area: 4 / 1 / 5 / 3;
}

.info-index__form-inner .field:nth-child(5) {
    grid-area: 5 / 1 / 6 / 3;
}

.info-index__form-inner .field:nth-child(6) {
    grid-area: 6 / 1 / 7 / 3;
}

.app-index {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 112px;
    padding: 10px 32px;
    border-radius: 8px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1023px) {
    .app-index {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .app-index {
        height: 392px;
        padding: 15px;
        -webkit-box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.2);
    }
}

.app-index:hover .app-index__arrow {
    background: #4474ff;
}

.app-index:hover .app-index__arrow path {
    stroke: #fff;
}

.app-index:active .app-index__arrow {
    -webkit-box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    background: #4969f9;
}

.app-index__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
    color: #181d27;
}

@media only screen and (max-width: 767px) {
    .app-index__title {
        width: 100%;
        font-size: 20px;
        margin-top: 190px;
        text-align: center;
    }
}

.app-index__phone {
    position: absolute;
    bottom: 0;
    left: 450px;
}

@media only screen and (max-width: 1199px) {
    .app-index__phone {
        display: none;
    }
}

@media only screen and (max-width: 1049px) {
    .app-index__phone {
        display: block;
        left: initial;
        bottom: 100%;
        right: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .app-index__phone {
        position: absolute;
        bottom: 212px;
        right: initial;
        left: 50%;
        margin-left: -68px;
    }
}

.app-index__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
}

@media only screen and (max-width: 1023px) {
    .app-index__info {
        min-width: 100%;
    }
}

.app-index__text {
    width: 100%;
    max-width: 440px;
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    color: #181d27;
}

@media only screen and (max-width: 767px) {
    .app-index__text {
        text-align: center;
    }
}

.app-index__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #5d87ff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px;
}

.breadcrumbs__link {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 6px;
    margin-right: 28px;
}

.breadcrumbs__link:before {
    content: "›";
    display: block;
    position: absolute;
    top: 0;
    right: -16px;
    font-size: 15px;
    color: #212121;
}

.breadcrumbs__link:last-child {
    margin-right: 0;
    color: #949494;
}

.breadcrumbs__link:last-child:before {
    display: none;
}

.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.title .h1 {
    margin-bottom: 15px;
    margin-right: 15px;
}

.title__total {
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 15px;
}

.title__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.title__header .h1 {
    margin: 0;
}

.title__subscribe {
    position: relative;
    margin-left: 16px;
}

.title__subscribe:hover .title__tooltip {
    opacity: 1;
    visibility: visible;
}

.title__bell {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.title__bell.--active path {
    fill: #007aff;
}

.title__bell:hover path {
    fill: #007aff;
}

.title__bell path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.title__tooltip {
    position: absolute;
    top: -18px;
    left: calc(100% + 6px);
    width: 178px;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #000;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 767px) {
    .title__tooltip {
        left: initial;
        right: calc(100% + 4px);
    }
}

.search-result {
    border-radius: 8px;
    padding: 24px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1023px) {
    .search-result {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .search-result .btn {
        width: 100%;
    }
}

.search-result .banner-index__search-field {
    height: 44px;
    line-height: 44px;
    background-color: #efeff0;
}

.search-result .banner-index__search-btn {
    width: 44px;
    height: 44px;
}

.actions-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px;
    padding: 10px 24px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1023px) {
    .actions-result {
        padding: 15px;
    }
}

.actions-result .btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.actions-result__right {
    margin-left: auto;
}

.actions-result__left,
.actions-result__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    font-weight: 400;
    font-size: 14px;
}

@media only screen and (max-width: 1023px) {
    .actions-result__left,
    .actions-result__right {
        width: 100%;
        gap: 8px;
    }
}

.actions-result__left {
    gap: 5px;
}

.actions-result__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    letter-spacing: -0.15px;
    position: relative;
    top: 22px;
}

.actions-result__total-placeholder {
    min-width: 102px;
}

.actions-result__total-container {
    position: absolute;
    min-width: 105px;
}

.actions-result__total-wrapper {
    order: 3;
}

@media only screen and (max-width: 767px) {
    .actions-result__total {
        margin-left:30px;
        top:8px;
    }

    .actions-result__total-wrapper {
        order: 1;
    }

    .actions-result__total-container.products {
        position: static;
    }

    .actions-result__total.products {
        top: 0;
        margin: 0 0 5px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .actions-result__total {
        top: 0;
        margin-left: 30px;
    }

    .actions-result__total-wrapper {
        order: 1;
    }

    .actions-result__total-wrapper.products {
        order: 3;
    }

    .actions-result__total.products {
        top: 17px;
        margin-left: 0;
    }
}

.actions-result__total-remove {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 4px;
}

.table-result {
    padding: 32px 28px;
    width: 100%;
    font-size: 14px;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
}

@media only screen and (max-width: 1023px) {
    .table-result {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .table-result__header {
        display: none;
    }
}

.table-result__header .table-result__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.table-result__header .table-result__col {
    color: #949494;
}

.table-result__header .table-result__col:first-child {
    padding-top: 18px;
}

.table-result__row {
    display: grid;
    grid-template-columns: 28px 18% calc(28% - 28px) 22% 20% 17%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #efeff0;
}

@media only screen and (max-width: 767px) {
    .table-result__row {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 3px;
        margin-bottom: 20px;
    }
}

/*.table-result__row:last-child {
    padding: 0;
    border: none;
    margin-bottom: 0;
}*/

.table-result__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 143%;
}

@media only screen and (max-width: 767px) {
    .table-result__col {
        position: relative;
        width: 100%;
    }

    .table-result__col:before {
        content: attr(title);
        display: block;
        position: absolute;
        top: -6px;
        font-weight: bold;
        font-size: 12px;
    }

    .dec-rn:before {
        left: 40px;
    }
}

.table-result__col:first-child {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 22px;
}

@media only screen and (max-width: 767px) {
    .table-result__col:first-child {
        position: absolute;
        z-index: 1;
        top: 7px;
        /*top: -7px;
        left: 0;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        padding-top: 0;
    }
}

.table-result__col:not(:first-child) {
    padding: 16px 8px;
}

@media only screen and (max-width: 1023px) {
    .table-result__col:not(:first-child) {
        padding: 16px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .table-result__col:not(:first-child) {
        padding: 12px 0 12px 40px;
    }
}

.table-result__link {
    line-height: 143%;
    color: #5d87ff;
    margin-bottom: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.table-result__link:hover {
    color: #4474ff;
}

.table-result__link:last-child {
    margin-bottom: 0;
}

.table-result__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid #efeff0;
}

@media only screen and (max-width: 767px) {
    .table-result__footer .btn {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .table-result__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        /*-ms-flex-direction: column;
        flex-direction: column;*/
        gap: 16px;
        padding-top: 16px;
    }
}

.table-result__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.table-result__pagination-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto; /*36px;*/
    min-width: 36px;
    padding-inline: 5px;
    height: 36px;
    font-size: 14px;
    border: 1px solid #f1f1f1;
    margin-right: -1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .table-result__pagination-item {
        min-width: 26px;
    }
}

.table-result__pagination-item:hover {
    color: #5d87ff;
    background: #f5f8ff;
}

.table-result__pagination-item:hover path {
    stroke: #5d87ff;
}

.table-result__pagination-item.--active {
    color: #fff;
    background: #5d87ff;
}

.table-result__pagination-item:first-child {
    border-radius: 8px 0 0 8px;
}

.table-result__pagination-item:last-child {
    border-radius: 0 8px 8px 0;
}

.panel {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 24px;
    /* display: -webkit-box;
    display: -ms-flexbox; */
    /* display: flex; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 15px;
    /*@media only screen and (max-width: 879px) {
  bottom: 145px;
  }
  @media only screen and (max-width: 767px) {
  bottom: 15px;
  }*/
}

@media only screen and (max-width: 767px) {
    .panel .btn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.panel__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1216px;
    min-height: 52px;
    padding: 8px 8px 8px 16px;
    border-radius: 6px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #5d87ff;
    overflow: auto;
}

.panel__total {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .panel__total {
        width: 100%;
        margin-bottom: 15px;
    }
}

.panel__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

@media only screen and (max-width: 767px) {
    .panel__actions {
        width: 100%;
    }
}

.result-organization:last-child {
    margin-bottom: 0;
}

.result-organization .checkbox {
    position: absolute;
    top: 26px;
    left: 24px;
}

.result-organization .checkbox__item:before {
    /*top: -2px;*/
    width: 20px;
    height: 20px;
}

@media only screen and (max-width: 767px) {
    .result-organization .checkbox {
        top: 17px;
        left: 15px;
    }
}

.result-organization__inner {
    margin-bottom: 20px;
}

.result-organization__inner:last-child {
    margin-bottom: 0;
}

.result-organization__link {
    position: relative;
    display: block;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
    .result-organization__link {
        padding: 15px;
    }
}

.result-organization__link:hover .result-organization__title {
    color: #5d87ff;
}

.person-search .result-organization__link:hover .result-organization__title {
    color: black;
}

.person-search .result-organization__item a strong {
    color: #5d87ff;
}

.person-search .result-organization__item a strong:hover {
    color: #4474ff;
}

.result-organization__link:last-child {
    margin-bottom: 0;
}

.result-organization__header {
    padding-left: 36px;
    padding-right: 60px;
    margin-bottom: 10px;
}

.person-search .result-organization__header {
    padding-left: 0;
}

.result-organization__link .tag {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .result-organization__header {
        padding-left: 30px;
        padding-right: 45px;
        margin-bottom: 16px;
    }

    .person-search .result-organization__header {
        padding-left: 0;
    }
}

.result-organization__title {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #252525;
    margin-bottom: 4px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.result-organization__title:last-child {
    margin-bottom: 0;
}

.result-organization__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
}

.result-organization__info:last-child {
    margin-bottom: 0;
}

.result-organization__info img {
    min-width: 12px;
}

.result-organization__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 767px) {
    .result-organization__item img {
        display: none;
    }
}

.result-organization__item span {
    line-height: 143%;
}

@media only screen and (max-width: 767px) {
    .result-organization__item span {
        display: block;
        width: 100%;
    }
}

.result-organization__item strong {
    font-weight: 500;
    line-height: 143%;
    color: #000;
}

.result-organization__footer {
    /*display: -webkit-inline-box;*/
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background: #dededf;
    margin-top: 4px;
}

.result-organization__footer span {
    padding: 1px 8px;
    font-size: 14px;
    line-height: 143%;
}

.result-organization__footer span:last-child {
    border-left: 1px solid #adadad;
}

.result-organization__arrow {
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #5d87ff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .result-organization__arrow {
        top: 15px;
        right: 15px;
        width: 36px;
        height: 36px;
    }
}

.result-organization__arrow:hover {
    background: #4474ff;
}

.result-organization__arrow:active {
    -webkit-box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.08),
    inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    background: #4474ff;
}

.result-organization__more {
    padding: 16px 32px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    margin-bottom: 32px;
    cursor: pointer;
}

.result-organization__more:last-child {
    margin-bottom: 0;
}

.result-organization__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
}

.result-organization__pagination-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    font-weight: 500;
    font-size: 15px;
    color: #949494;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.result-organization__pagination-item:hover {
    color: #5d87ff;
    background: #f5f8ff;
}

.result-organization__pagination-item:hover path {
    stroke: #5d87ff;
}

.result-organization__pagination-item.--active {
    color: #212121;
    -webkit-box-shadow: inset 0 -2px 0 0 #5d87ff;
    box-shadow: inset 0 -2px 0 0 #5d87ff;
}

.result-organization__pagination-item:first-child {
    border-radius: 8px 0 0 8px;
}

.result-organization__pagination-item:last-child {
    border-radius: 0 8px 8px 0;
}

.result-organization__pagination-wrapper {
    margin-top: 32px;
}

.filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.filter .table-result__row {
    grid-template-columns: 28px 18% calc(28% - 28px) 22% 20% 17%;
}

.filter__aside {
    width: 280px;
    border-radius: 8px;
    padding: 12px 0 24px;
    -webkit-box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12),
    0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    overflow-y: auto;
    overscroll-behavior: none;
}

@media only screen and (max-width: 767px) {
    .filter__aside {
        width: 100%;
    }
}

.filter__aside.--active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (max-width: 1023px) {
    .filter__aside {
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        height: 100svh;
        padding: 40px 0 80px;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }
}

.filter__aside .field {
    font-size: 14px;
}

.filter__aside .field::-webkit-input-placeholder {
    font-size: 14px;
}

.filter__aside .field::-moz-placeholder {
    font-size: 14px;
}

.filter__aside .field::-ms-input-placeholder {
    font-size: 14px;
}

.filter__aside .field::placeholder {
    font-size: 14px;
}

.filter__aside .checkbox {
    /*width: calc(100% + 30px);
    margin-left: -15px;*/
    width: 100%;
}

.filter__aside .checkbox input {
    display: none;
}

.filter__aside .checkbox input:checked + label:before {
    border-color: #5d87ff;
    background: #5d87ff url("../images/ico/check.svg") no-repeat center center/10px;
}

.filter__aside .checkbox__item { /* fixed p42 -> 32 */
    display: block;
    padding: 8px 16px 8px 32px;
    font-size: 14px;
    line-height: 143%;
}

.filter__aside .checkbox__item:hover {
    background: #f5f8ff;
}

.filter__aside .checkbox__item:hover:before {
    background: #fff;
}

.filter__aside .checkbox__item:before { /* fixed left 16 -> 7 */
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    left: 7px;
}

.filter__aside .checkbox_row {
    display: flex;
}

.filter__aside  .checkbox_row .checkbox {
    width: auto;
}

.filter__aside-item {
    padding: 12px 15px;
}

.filter__aside-item.--border {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

.filter__aside-item.--border .filter__aside-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.filter__aside-item.--border .filter__aside-title:hover {
    color: #5d87ff;
    background: #f5f8ff;
}

.filter__aside-item.--border .filter__aside-title:hover path {
    stroke: #5d87ff;
}

.filter__aside-block {
    border-bottom: 1px solid #f1f1f1;
}

.filter__aside-block-title {
    padding: 16px;
    display: flex;
    gap: 12px;
}

.filter__aside-block-title-text {
    color: var(--text-grey);
    font-size: 15px;
    line-height: 24px;
}

.filter__aside-item.filter-modal {
    width: 100%;
    padding: 0;
}

.filter__aside-item.filter-modal .filter__aside-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.filter__aside-item.filter-modal .filter__aside-title:hover {
    color: #5d87ff;
    background: #f5f8ff;
}

.filter__aside-item.filter-modal .filter__aside-title:hover path {
    stroke: #5d87ff;
}

.filter__aside-item:last-child {
    margin-bottom: 0;
}

.filter__aside-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 12px;
}

.filter__aside-title:last-child {
    margin-bottom: 0;
}

.filter__aside-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 12px 15px;
}

.filter__aside-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.filter__aside-close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    text-align: center;
}

@media only screen and (min-width: 1024px) {
    .filter__aside-close {
        display: none;
    }
}

.filter__aside-item.filter-group {
    padding: 0;
}

.filter__aside-item.filter-group .filter__aside-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
}

.filter__aside-title:hover {
    color: #5d87ff;
}

.filter__aside-item.filter-group:has(.filter__aside-title:hover) {
    background: #f5f8ff;
    transition: 0.3s;
}

.filter__aside-item.filter-group .filter__aside-title:hover path {
    stroke: #5d87ff;
}

.filter__aside-title-text {
    line-height: 20px;
}

.filter-group__contents {
    padding: 0 16px 16px 16px;
    display: none;
}

.filter-group__hint {
    color: var(--text-grey);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
    margin-left: 3px;
    margin-top: 6px;
    display: none;
}

.filter-group__opener {
    transform: rotate(90deg);
    transition: 0.15s;
}

.filter-group.open .filter-group__opener {
    transform: rotate(-90deg);
}

.filter-state {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background: url(../images/ico/filter-state.svg) no-repeat;
    display: none;
}

/*.filter-group.open .filter-state {
    display: none;
}*/

.filter-state.filled {
    display: block;
}

.filter__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 24px;
}

@media only screen and (max-width: 1023px) {
    .filter__inner {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
        padding: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .filter__open {
        display: none;
    }
}

.filter-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 24px 0 24px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    border-radius: 8px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 24px;
}

.filter-banner:last-child {
    margin-bottom: 0;
}

.filter-banner__text {
    line-height: 140%;
    margin-right: 24px;
}

@media only screen and (max-width: 767px) {
    .filter-banner__text {
        width: 100%;
        margin-right: 0;
    }
}

.filter-banner__text,
.filter-banner .btn {
    margin-bottom: 20px;
}

.banner-index__search-result {
    display: none;
}

.banner-index__search-result.--active {
    display: block;
}

.search-component {
    display: none;
}

.search-component.--active {
    display: block;
}

.select-search-button {
    display: flex;
    justify-content: space-between;
    width: 299px;
    height: 80px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #212121;
    background: #f1f1f1;
    border-radius: 8px;
}

.select-search-button img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

/* new code */
.filter__aside-counter {
    display: flex;
    align-items: center;
}

.filter-counter {
    background-color: #ffffff;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    line-height: 16px;
    font-size: 12px;
    border: 1px solid #5d87ff;
    color: #5d87ff;
    margin-right: 8px;
    align-items: center;
    justify-content: center;
    display: none;
}

.filter-counter.big-counter {
    font-size: 10px;
}

.filter-counter.filled {
    display: flex;
}

.selectedItemsContainer {
    display: flex;
    flex-wrap: wrap;
    max-height: 3.5em;
    overflow-y: hidden;
    padding-right: 10px;
    transition: max-height 0.3s ease;
    align-items: flex-start;
}

.selectedItemsContainer.expanded {
    overflow-y: auto;
    height: 290px;
    max-height: 290px;
    align-content: flex-start;
}

.selected-checkbox {
    background-color: #5d87ff;
    color: #fff;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.close-btn {
    cursor: pointer;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.show-more-btn {
    display: flex;
    align-items: center;
    margin: 10px 0px;
    color: #5d87ff;
    cursor: pointer;
}

.card-founder-header {
    padding-left: 0;
}

.search-buttons {
    cursor: pointer;
    position: absolute;
    top: 70px;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow-button-up {
    right: 115px;
}

.arrow-button-down {
    right: 75px;
}

.search-clear-btn {
    top: 65px;
    right: 30px;
}

.search-separator {
    top: 72px;
    padding: 0;
    cursor: default;
    right: 145px;

}

.highlight-counter {
    position: absolute;
    top: 93px;
    right: 170px;
    display: none;
    color: #B0B0B0;
}

.modal .list .checkbox {
    margin-left: -15px;
}

.actions-result__left .checkbox .checkbox__item:before {
    width: 20px;
    height: 20px;
}

.actions-result__left .checkbox .checkbox__item {
    font-size: 16px;
}

@media only screen and (max-width: 1023px) {
    .filter__aside .modal {
        width: 100vw;
    }

    .filter__aside .modal .modal__block.--form {
        left: 0;
    }

    .filter__aside .modal .modal__block.--form .modal__footer {
        width: 92%;
    }

    .search-buttons {
        top: 70px;
    }

    .search-separator {
        top: 72px;
    }

    .search-clear-btn {
        top: 65px;
    }

    .highlight-counter {
        top: 85px;
    }

}

@media only screen and (max-width: 767px) {
    .filter .checkbox {
        display: block !important;
    }
}

.btn-subscription {
    text-align: center;
    width: 100%;
}

.user-menu {
    position: absolute;
    z-index: 1000;
    width: 291px;
    border-radius: 8px;
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12), 0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    /*overscroll-behavior: none;*/
    padding: 12px 8px
}

.gray-line {
    border: none;
    border-top: 2px solid #F1F1F1;
    margin: 8px 0;
}

.user-menu .sidebar__aside-item {
    font-size: 14px;
}

.user-menu .user-info {
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    gap: 10px;
}

.user-menu .user-info span {
    font-size: 18px;
    font-weight: bold;
}

.user-menu .user-info div:first-of-type {
    font-size: 14px;
    color: #212121;
}

.user-menu .user-info div:nth-of-type(2) {
    font-size: 14px;
    color: #949494;
}

.flex {
    display: flex;
}

.report-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.report-title .personal_item_label {
    margin-bottom: 16px;
}

.report_daterange {
    max-width: 154px;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
    background-color: white;
}

.table-report {
    width: 100%;
    font-size: 14px;
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .table-report__header {
        display: none;
    }
}

.table-report__header .table-report__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.table-report__header .table-report__col {
    color: #949494;
}

.table-report__header .table-report__col:first-child {
    padding-top: 18px;
}

.table-report__row {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) 1fr 1fr 1fr minmax(170px, 1fr) minmax(110px, 1fr);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #efeff0;
}

.table-report__row:last-child {
    border: none;
}

@media only screen and (max-width: 767px) {
    .table-report__row {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 3px;
        margin-bottom: 20px;
    }
}

.table-report__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.table-report__col-download {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

@media only screen and (max-width: 767px) {
    .table-report__col {
        position: relative;
        width: 100%;
    }

    .table-report__col:before {
        content: attr(title);
        display: block;
        position: absolute;
        top: -6px;
        font-weight: bold;
        font-size: 12px;
    }

    .dec-rn:before {
        left: 40px;
    }
}

.table-report__col {
    padding: 16px 4px 16px 4px;
}

.table-report__col:first-child {
    padding-left: 0;
}

@media only screen and (max-width: 1023px) {
    .table-report__col:not(:first-child) {
        padding: 16px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .table-report__col:not(:first-child) {
        padding: 12px 0 12px 0;
    }
}

.table-report__status-success {
    border-radius: 4px;
    padding: 4px 8px;
    color: #0EE39D;
    background-color: #E5FFFA;
}

.table-report__status-error {
    border-radius: 4px;
    padding: 4px 8px;
    color: #F8886E;
    background-color: #FBF2EF;
}

.table-report__status-created {
    border-radius: 4px;
    padding: 4px 8px;
    color: #5D87FF;
    background-color: #E8EEFF;
}

.table-report__status-wait {
    border-radius: 4px;
    padding: 4px 8px;
    color: #d37507;
    background-color: #fad7ad;
}

.table-report__title {
    max-width: 100%;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
    white-space: nowrap;
}

.table-report__type {
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    padding: 1px 4px;
    color: #FFFFFF;
    background-color: #ADADAD;
}

.table-report__link {
    line-height: 143%;
    color: #5d87ff;
    margin-bottom: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.table-report__link-icon {
    color: #5D87FF;
    display: flex;
    gap: 10px;
}

.table-report__link:hover {
    color: #4474ff;
}

.table-report__link:last-child {
    margin-bottom: 0;
}

.table-report__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid #efeff0;
}

@media only screen and (max-width: 767px) {
    .table-report__footer .btn {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .table-report__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        /*-ms-flex-direction: column;
        flex-direction: column;*/
        gap: 16px;
        padding-top: 16px;
    }
}

.table-report__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
}

.table-report__pagination-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto; /*36px;*/
    min-width: 36px;
    padding-inline: 5px;
    height: 36px;
    font-size: 14px;
    border: 1px solid #f1f1f1;
    margin-right: -1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .table-report__pagination-item {
        min-width: 26px;
    }
}

.table-report__pagination-item:hover {
    color: #5d87ff;
    background: #f5f8ff;
}

.table-report__pagination-item:hover path {
    stroke: #5d87ff;
}

.table-report__pagination-item.--active {
    color: #fff;
    background: #5d87ff;
}

.table-report__pagination-item:first-child {
    border-radius: 8px 0 0 8px;
}

.table-report__pagination-item:last-child {
    border-radius: 0 8px 8px 0;
}

.header__user-icon {
    cursor: pointer;
}

.error_message {
    width: 100%;
    text-align: center;
    background-color: #DC3545;
    color: white;
    padding: 16px;
    font-size: 14px;
}

.info-index__form-agreement {
    margin-bottom: 24px;
    line-height: 160%;
}

.info-index__form-agreement a {
    /*text-decoration: underline;*/
    color: #5d87ff;
}

#orderModal .modal__block {
    max-height: calc(100vh - 10px);
    padding: 32px;
}

#orderModal {
    padding: 0;
}

.info-index__form-agreement.checkbox {
    position: unset;
}

.menu__auth {
    background-color: #F1F1F1;
    padding-top: 79px;
    padding-bottom: 24px;
    padding-inline: 16px;
}

.menu__unlogged__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 12px;
}

.menu__unlogged__text {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.7%;
    margin-bottom: 20px;
}

.menu__auth .btn {
    width: 100%;
}

.menu_logged {
    display: flex;
    align-items: center;
}

.menu__profile__info {
    margin-left: 16px;
}

.menu__profile__name {
    font-size: 20px;
    width: 600;
    line-height: 30px;
}

.menu__profile__mail {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #949494;
}

.btn__logout {
    position: fixed;
    left: 18px;
    right: 18px;
    bottom: 24px;
    background-color: #F8886E;
    color: white;
    text-align: center;
}

.focus__form-title {
    font-size: 24px;
    color: #212121;
}

#login {
    padding-bottom: 20px;
}

.registration__form__modal {
    width: 370px !important;
}

.forgot__password__btn {
    font-size: 14px;
    color: #5D87FF;
    margin-top: 8px;
    margin-bottom: 24px;
    cursor: pointer;
}

.login-button, .forgot-continue__btn {
    margin-top: 24px;
    width: 100%;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 15px 0;
}

.separator::before,
.separator::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc;
}

.separator span {
    padding: 0 10px;
    color: #888;
}

.login__vk, .login__gos {
    margin-bottom: 12px;
    color: #212121;
    font-size: 14px;
    font-weight: 500px;
    line-height: 22px;
    width: 100%;
    border: 1px solid #E0E0E0;
}

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

.password-wrapper input {
    padding-right: 40px; /* Оставляем место для кнопки */
}

.password-wrapper button {
    position: absolute;
    top: 14px;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
}

.password-wrapper button img {
    width: 20px;
    height: 20px;
}

.forgot-password__title {
    display: block;
    color: #212121;
}

.back__btn, .change-email__btn, .change-data__btn {
    display: flex;
    align-items: center;
    color: #5D87FF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
}

.change-data__btn {
    margin-left: -7px;
}

.forgot-password__text {
    margin-top: 12px;
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.sendAgain {
    display: flex;
    align-items: center;
    color: #949494;
}

#timer, #regTimer {
    margin-left: 5px;
    color: #949494;
}

#timerText, #regTimerText {
    margin: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #949494;
    letter-spacing: -0.15px;
}

#resendText, #regResendText {
    margin-top: 24px;
    text-align: center;
    cursor: pointer;
    color: #5D87FF;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.15px;
}

.error {
    border: 1px solid red;
}

.error-text {
    color: red;
    font-size: 12px;
    margin-top: 4px;
    line-height: 16px;
}

.password-wrapper .error-text {
    align-self: flex-start;

}

.highlight {
    background-color: yellow;
}

#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.login__title, .register__title {
    color: #949494;
}

.personal_account {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.personal_account-dashboard-top {
    height: 100%;
}

.personal_account .personal_items_big {
    grid-column: span 3;
}

.personal_account_items {
    width: 100% !important;
}

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

.personal_account-dashboard_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.personal_account-dashboard_text_bottom {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.personal_account-dashboard_text {
    display: flex;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.33px;
    margin-top: 20px;
}

.personal_account-month {
    color: #949494;
}

.personal_account-dashboard_subtext {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: #949494;
}

.personal_account-btn {
    position: initial !important;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 20px;
}

.personal_account_item_td hr {
    height: 1px;
    color: #F1F1F1;
}

.personal_account-tariff_box {
    margin-top: 20px;
}

.personal_account-tariff_box_title, .personal_account-tariff_box_disabled_title {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.7%;
    margin-bottom: 8px;
}

.personal_account-tariff_box_feature, .personal_account-tariff_box_disabled_feature {
    display: flex;
    align-items: start;
    gap: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.personal_account-tariff_box_disabled_title {
    margin-top: 16px;
}

.personal_account-tariff_box_disabled_title, .personal_account-tariff_box_disabled_feature {
    color: #949494;
}

.personal_account_items_contact {
    background-color: #f6f6f6 !important;
}

.personal_account-messages {
    margin: 24px 0;
}

.personal_account_message_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.15px;
    line-height: 20px;
    color: #212121;
    margin-bottom: 16px;
}

.personal_account_message_btn {
    background-color: #f6f6f6 !important;
    color: #212121 !important;
    margin-top: 16px;
    border: 1px solid #E0E0E0;
}

.personal_account-table_report_row {
    grid-template-columns: minmax(250px, 1fr) 1fr 1fr minmax(170px, 1fr);
}

.table-report__col_subtitle {
    color: #212121 !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
    gap: 6px;
}

.table-report__col_title {
    color: #212121 !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.btn_free {
    color: #212121 !important;
    border: 1px solid #E0E0E0 !important;
}

.frequent_questions_section {
    display: flex;
    margin-top: 56px;
}

.frequent_questions_section .personal_account-dashboard-top {
    padding: 16px;
}

.frequent_questions_section_right {
    width: 100%;
    gap: 12px;
    display: flex;
    flex-direction: column;
}

.frequent_questions_section_title {
    color: #949494;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-right: 48px;
}

.frequent_question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    height: auto;
}

.frequent_question .trigger {
    cursor: pointer;
}

.frequent_question:hover {
    color: #5D87FF;
}

.frequent_question_answer {
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 16px;
}

.track-title {
    color: #5D87FF !important;
}

.track-wrapper {
    justify-content: space-between !important;
    width: 100%;
}

.result-organization__item img {
    margin-left: 20px;
}

.track-wrapper button {
    margin-left: 20px;
}

.result-organization__item__changed {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.result-organization__item__container {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

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

    .frequent_question {
        align-items: center !important;
        flex-direction: row !important;
    }
}

@media only screen and (max-width: 767px) {
    .track-wrapper {
        flex-direction: column;
        align-items: start !important;
    }
}

.table-result__link, .person-content {
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.person-search .result-organization__header {
    display: flex;
}

.person-search .result-organization__header span {
    font-size: 14px;
    padding: 7px;
    color: #949494;
}

.dec-rn span {
    font-size: 12px;
    padding: 3px;
    color: #949494;
}

.personal_item_td_right_part a {
    color: #5d87ff !important;
}

.personal_item_td_right_part a:hover {
    color: #4474ff !important;
}

.partial-person .tag {
    margin-bottom: 0;
    max-height: 25px;
}

a.person-content {
    color: #5d87ff !important;
}

a.person-content:hover {
    color: #4474ff !important;
}

.product a {
    color: #5d87ff !important;
}

.product a:hover {
    color: #4474ff !important;
}

/* D3 */
#rel-graph-container {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.rel-graph .link {
    fill: none;
    stroke: #ADADAD;
    stroke-width: 1px;
    transition: stroke-width 0.2s, stroke 0.2s;
}

.rel-graph .link.highlight {
    stroke: #5D87FF;
    stroke-width: 2px;
}

.rel-graph rect.highlight {
    stroke-width: 2px;
    stroke: #5D87FF;
}

.rel-graph text {
    pointer-events: none; /* Текст не будет перехватывать события мыши */
}

.rel-graph tspan {
    font-size: 14px;
}

.card-graph__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.toggle__btn {
    position: relative;
    display: inline-block;
    align-items: center;
    width: 44px;
    height: 25px;
}

.toggle__btn input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle__btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 29px;
}

.toggle__btn .slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 2.2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.toggle__btn input:checked + .slider {
    background-color: #5d87ff;
}

.toggle__btn input:checked + .slider::before {
    transform: translateX(18px);
}

.graph-section__header {
    margin-top: 10px;
}

.graph-instruction {
    width: 100%;
    padding: 6px 0px;
}

.graph-instruction__description {
    margin-top: 28px;
}

.graph-instruction__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.instruction-body {
    margin-top: 20px;
    display: flex;
    gap: 40px;
    margin-left: 8px;
}

.instruction-table {
    width: 100%;
}

.instruction-body-container {
    width: 100%;
}

.instruction-description__title-container {
    padding: 20px 14px 20px 16px;
    width: 35%;
}

.instruction-description__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.instruction-description__subtitle {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.instruction-square,
.instruction-circle {
    width: 36px;
    height: 36px;
    background: #FFD5A1;
}

.instruction-square {
    border-radius: 4px;
}

.instruction-circle {
    border-radius: 50%;
}

.instruction-item__violet {
    background-color: #C699FF;
}

.instruction-item__violet2 {
    background-color: #D9BBFF;
}

.instruction-item__violet3 {
    background-color: #ECDDFF;
}

.instruction-item__blue {
    background-color: #99B3FF;
}

.instruction-item__blue2 {
    background-color: #CCD9FF;
}

@media only screen and (max-width: 767px) {
    .instruction-body {
        display: block;
    }

    #rel-graph-container {
        width: calc(100vw - 50px);
        overflow-x: auto;
    }
}

.custom-data-request input, textarea {
    margin-bottom: 20px;
}

.custom-data-request__title {
    margin-bottom: 20px;
}

.personal_item_td_left_part__financeContainer {
    margin-top: 6px;
    margin-left: 4px;
}

.personal_item_td_left_part__financeContainer .finance_right {
    margin-top: 15px !important;
}

.actions-result .dividing-line {
    width: calc(100% + 48px);
    margin: 10px -24px 0 -24px;
    margin-bottom: 0;
    box-sizing: content-box;
    background-color: #F1F1F1;
    order: 3;
}

.dividing-line {
    border: none;
    height: 1px;
    background-color: #E0E0E0;
    margin: 18px 0;
    width: 100%;
}

.personal_item_td_left_part .personal_item_title {
    margin-bottom: 0;
}

.personal_item_td_left_part .personal_item_label {
    font-size: 18px;

}

.fin_health .info_div {
    margin-top: 10px !important;
}

.personal_item_td_left_part__financeContainer .info_div {
    margin-top: 5px !important;
    margin-left: 32px !important;
}

.fin-info-wrapper {
    position: relative;
    display: inline-block;
}

.fin-info-content {
    display: none;
    position: absolute !important;
    top: 0;
    left: 115%;
    border: 1px solid #5D87FF;
    z-index: 10;
    gap: 12px;
    width: max-content;
}

.fin-info-wrapper:hover .fin-info-content {
    display: flex;
    flex-direction: column;
}

.fin-info-industry-avg {
    font-size: 15px;
    font-weight: 500;
}

.personal_item_finance_withInfo {
    display: flex;
    align-items: start;
}

.fin-info-img {
    width: 16px;
    height: 16px;
    margin-left: 12px;
    fill: #E0E0E0;
}

.fin-info-img:hover {
    fill: #5D87FF;
}

.fin-formula-title, .fin-formula, .fin-formula-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.fin-formula-title {
    color: #949494;
}

.fin-formula-description {
    font-weight: 400;
}

.personal_item_td_left_part__financeContainer .finance_right {
    gap: 8px !important;
}

.actions-result__container {
    flex-direction: column;
    padding: 10px 24px 0 24px;
}

.actions-result__upper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    order: 2;
}

.perpage-dropdown {
    min-width: 111px !important;
    width: 111px !important;
    left: -50px !important;
    top: 2px !important;
}

.perPageSelect__container {
    gap: 6px;
}

.showPerPage {
    color: #949494;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    margin: 10px 0;
}

@media only screen and (max-width: 1023px) {
    .actions-result__upper {
        flex-direction: column;
    }
}

.filter__aside__declaration {
    width: 100%;
    margin-bottom: 12px;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 1023px) {
    .filter__aside__declaration {
        position: static !important;
        transform: none !important;
        height: auto !important;
        padding: 12px 0 !important;
        transition: none !important;
    }
}

.frequent_question__declaration {
    width: 100%;
    margin: 7px 0;
}

.frequent_question_answer__declaration {
    width: 100%;
    margin: 0;
}

.frequent_question__declaration-title {
    margin-left: 15px;
}

@media only screen and (max-width: 767px) {
    .filter__aside-inner__declaration {
        display: flex;
        flex-direction: column;
    }

    .filter__aside-footer__declaration {
        margin-top: 0;
    }
}

.filter__aside-subtitle {
    margin-left: 3px;
    color: #949494;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.input-counter__container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: end;
    gap: 4px;
    margin-top: 4px;
}

.input-counter__title, .input-counter {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #949494;
}

.counted-input {
    padding: 7px 16px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
    min-height: 36px;
    max-height: 128px;
    scrollbar-width: thin;
    scrollbar-color: #ADADAD transparent;
}

.counted-input:hover {
    cursor: url('../images/pic/pointinghand.png') 11 8, auto;
}

.counted-input::-webkit-scrollbar {
    width: 6px;
}

.counted-input::-webkit-scrollbar-track {
    background: transparent;
}

.counted-input::-webkit-scrollbar-thumb {
    background-color: #f1f1f1;
    border-radius: 10px;
}

.filter__aside-item__productions-group {
    display: flex;
    align-items: end;
    cursor: pointer;
}

.filter__aside-title__productions-group {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.filter__aside-item__toggle-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.toggle-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
}


#prod-charts-container {
    width: 100%;
    overflow: hidden;
}

.personal_item__container .personal_item_td {
    grid-template-columns: 1fr;
    width: 100%;
}

.lvl_txt_financial_stability {
    margin-left: 5px;
}

.actions-result__bottom_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    order: 5;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 1023px) {
    .actions-result__button-container {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .personal_item_td_left_part__financeContainer .finance_right {
        width: 100% !important;
    }

    .personal_item_td_left_part__financeContainer .info_div {
        width: 100% !important;
    }

    .fin-info-content {
        visibility: hidden;
        margin-top: 8px;
        width: 320px;
    }

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

    .lvl_txt_financial_stability {
        width: max-content;
        display: inline-block;
        margin-left: 0;
    }

    .actions-result__bottom_container {
        flex-direction: column;
        align-items: start;
    }

    .actions-result__button-container {
        margin-top: 0;
    }
}

.actions-result__button-container .btn.--border {
    color: #212121;
}

.actions-result__button-container .btn.--border.--disabled {
    color: #949494;
}

.chart-container {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .chart-container {
        width: calc(100vw - 50px);
        /*overflow-x: auto;*/
    }
}

.chart-container h2 {
    line-height: 32px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 24px;
}

.chart-container p {
    line-height: 28px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 18px;
}

/*@media only screen and (max-width: 767px) {
    .chart-canvas-container {
        width: 1232px;
    }
}*/
.chart-canvas-container {
    width: 1232px;
}

.chart-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
    .chart-title-container {
        display: block;
    }
}


.modal__trade-personal_show_link {
    margin-top: 0 !important;
}

.modal__trade-button-next, .modal__trade-button-prev {
    top: auto !important;
    bottom: -5px;
}

.modal__trade-button-prev {
    left: -15px !important;
}

.modal__trade-button-next {
    right: -15px !important;
}

.modal__trade__swiper-personal-tab {
    margin-left: 0 !important;
}

.trade-modal-inner-header {
    position: sticky;
    top: 0;
    padding-top: 24px;
    padding-bottom: 12px;
    background: #fff;
}

.trade-modal-inner-header .trade-modal__close {
    top: 10px;
}

@media only screen and (max-width: 767px) {
    .modal__trade__swiper-personal-tab {
        display: block !important;
    }

    .modal__trade__swiper-personal-tabs {
        display: flex !important;
    }

    .modal__trade-button-next, .modal__trade-button-prev {
        display: none !important;
    }

    .modal__block.--simple.--trade.trade-modal-mobile {
        top: 50%;
    }

    .trade-modal-inner-header {
        padding-top: 16px;
    }

    .trade-modal-inner-header .trade-modal__close {
        top: 5px;
    }

    /*.trademark__item--img {
        height: 192px;
    }

    .trademark__img {
        max-height: 192px;
    }*/
}

.trademark__actions-result {
    margin: 0 !important;
    padding: 12px 24px !important;
}

.tariff__title, .switch__button-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px !important;
    margin-bottom: 42px !important;
}

.switch__button-container .finance_button {
    max-width: 300px;
    margin: 0 !important;
    background-color: #89A8FF;
}

.switch__button-container .finance_button {
    max-width: 300px;
    margin: 0 !important;
    color: #89A8FF;
}

.tariff_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media only screen and (max-width: 767px) {
    .tariff_wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .tariff__title {
        padding: 0 16px;
        flex-direction: column;
        gap: 16px;
    }

    .tariff__title h1 {
        display: flex;
        text-align: center;
    }

    .tariff-switch_btns {
        margin: 0 !important;
        flex-direction: row !important;
        border-radius: 32px !important;
    }

    .tariff-switch_btns .finance_btn {
        justify-content: center !important;
        color: white !important;
    }

    .tariff-switch_btns .finance_btn:hover {
        color: white !important;
    }

    .tariff-switch_btns .finance_btn.active {
        border-radius: 32px !important;
        background-color: white !important;
        color: #5d87ff !important;
    }
}

.tariff_item {
    padding: 24px !important;
}

.tariff_item_base {
    border: 2px solid #5D87FF;
    position: relative;
}

.best-tariff_label {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #5D87FF;
    border-radius: 4px;
    padding: 4px 8px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.tariff-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}

.tariff-subtitle {
    font-size: 14px;
    color: #212121;
    margin-bottom: 20px;
    height: 40px;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.tariff-subtitle span {
    display: block;
    font-weight: 500;
    background: linear-gradient(118.2deg, #5E84F1 26.18%, #A55FFF 91.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.tariff-price {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 3px;
    letter-spacing: 0.33px;
}

.tariff-price__subtitle {
    font-size: 15px;
    line-height: 24px;
    color: #949494;
    letter-spacing: -0.7%;
}

.tariff-period {
    font-size: 14px;
    font-weight: 400;
    color: #949494;
    margin-bottom: 24px;
}

.tariff-btn {
    color: #212121 !important;
}

.tariff_item .gray-line {
    margin: 20px 0;
}

.selected_tariff-btn {
    color: #949494 !important;
    cursor: not-allowed;
}

.selected_tariff-btn.--blue, .selected_tariff-btn.--blue:hover {
    background: #E0E0E0;
    color: #949494;
    cursor: not-allowed;
}

.tariff-features_title {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.tariff-features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #212121;
}

.tariff-feature {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.tariff-feature span {
    line-height: 20px;
    letter-spacing: -0.15px;
}

.tariff-feature_title {
    font-weight: 500;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 14%;
    text-underline-offset: 25%;
}

.tariff-feature img {
    flex-shrink: 0;
    margin-right: 10px;
}

.tariff-features .locked {
    margin-top: 12px;
}

.dop-tariff {
    display: flex;
    background-color: #F6F6F6;
    border: none;
    border-radius: 8px;
    gap: 64px;
    padding: 24px;
    margin-top: 24px;
    max-height: 210px;
}

.dop-tariff_title_container {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
}

.dop-tariff_main {
    max-width: 326px;

}

.dop-tariff_title-description {
    margin-left: 16px;
}

.dop-tariff_title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.dop-tariff_description {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.dop-tariff .tariff-features {
    justify-content: space-between;
}

.dop-tariff .tariff-feature {
    max-width: 409px;
}

.demo-tariff_features {
    justify-content: start !important;
    gap: 12px;
}

.demo-tariff_features_without-title {
    display: flex;
    gap: 28px;
}

.demo-tariff_features_first-col, .demo-tariff_features_second-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tariff-compare_title {
    width: 100%;
    text-align: center;
    margin-top: 64px;
}

.tariff-compare_title h1 {
    line-height: 32px;
    letter-spacing: 0.33px;
}


@media only screen and (max-width: 767px) {
    .dop-tariff {
        flex-direction: column;
        max-height: 100%;
        gap: 24px;
    }

    .demo-tariff_features_without-title {
        flex-direction: column;
    }

    .tariff__frequent_questions_section {
        flex-direction: column;
    }
}

.tariffs-table {
    padding: 24px;
}

.tariffs-table .table-result__row {
    grid-template-columns: repeat(5, 20%);
    border-bottom: none;
    border-top: 1px solid #efeff0;
}

.table-result__row:has(.table-row_title) {
    border-top: none;
}

.tariff-table_col-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: #212121;
    margin-bottom: 6px;
}

.tariffs-table .table-result__col:first-child {
    padding: 0;
    height: 100%;
}

.table-row_title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
    padding: 16px 0 !important;
}

.tariffs-table .table-result__header .table-result__row, .table-result__last-row {
    border: none;
}

.tariffs-table .table-result__col {
    max-width: 230px;
}

.tariff__frequent_questions_section_title, .tariff__frequent_questions_section_right {
    width: 50%;
}

.mobil_tariffs-table {
    display: none;
}

.mobil_tariffs-table-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
}

.mobil_tariffs-table-item_open {
    display: none;
}

.mobil_tariffs-table-section_name {
    padding: 16px;
    border-radius: 8px;
    background-color: #F6F6F6;
    margin-bottom: 20px;
}

.mobil_tariffs-table-section_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.mobil_tariffs-item {
    display: flex;
    align-items: center;
}

.mobil_tariff-name, .mobil_tariff-description {
    width: 50%;
    font-size: 14px;
    line-height: 20px;
}

.mobil_tariff-name {
    font-weight: 600;
}

.mobil_tariff-description {
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .tariffs-table {
        display: none;
    }

    .mobil_tariffs-table {
        display: block;
    }

    .tariff__frequent_questions_section {
        flex-direction: column;
    }

    .tariff__frequent_questions_section_title, .tariff__frequent_questions_section_right {
        width: 100%;
    }

    .tariff__frequent_questions_section_title {
        text-align: center;
        margin-bottom: 24px;
    }

    .demo-tariff_features_without-title {
        gap: 8px;
    }
}

.tariff-payment_section {
    display: flex;
    margin-top: 32px;
}

.tariff-payment_section form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 64px;
}

.tariff-payment_left, .tariff-payment_left {
    width: 60%;
}

.payment-information {
    margin-top: 40px;
}

.payment-information_title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.tariff-payment__form-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.payment_form-section_title {
    grid-column: span 2;
    margin-bottom: 8px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.payment_form-section_subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
}

.tariff-payment__form-inputLabel {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.tariff-payment__form-lane-input {
    grid-column: span 2;
}

.tariff-payment__form-toggle {
    grid-column: span 2;
    padding: 0;
    margin-top: 8px;
}

.payment-method_section {
    margin-top: 20px;
}

.tariff-payment__form-FactAddressLabel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}

.tariff-payment__form-FactAddressLink {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #5D87FF;
    cursor: pointer;
}

.payment-methods_container {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.payment-method {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 24px 16px 24px 48px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    cursor: pointer;
    position: relative;
}

.payment-method.--error {
    border-color: #dc3545;
}

.payment-method input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.radio-circle {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 0 transparent;
    pointer-events: none;
    border: 1px solid #E0E0E0;
}

.payment-method input[type="radio"]:checked + .radio-circle {
    box-shadow: inset 0 0 0 5px #5D87FF;
}

.purchase_information-title {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;

}

.purchase_information-section {
    padding: 24px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    width: 464px;
}

.tariff_payment-section {
    padding: 12px 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 24px 0;
}

.payment-section_title {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;

}

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

.tariff_payment_price {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.tariff_payment_price_subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
}

.tariff_payment-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.tariff_payment-total-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.tariff_payment-total-price {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.tariff-payment__form-textarea {
    min-height: 48px;
    max-height: 128px;
    padding: 10px 16px 6px 16px !important;
    overflow: hidden;
    line-height: 24px !important;
}

.payment_mont-year-switcher {
    background-color: #5d87ff !important;
}


@media only screen and (max-width: 767px) {
    .tariff-payment_section form {
        flex-direction: column;
    }

    .tariff-payment__form-inner {
        display: block;
    }

    .payment-methods_container {
        flex-direction: column;
    }

    .purchase_information-section {
        width: 100%;
    }
}

.tariff-hover_feature {
    position: relative;
}

.tariff-hover_feature:hover {
    cursor: url('../images/pic/pointinghand.png') 11 8, auto;
}

.tariff-feature_PopUpDescription {
    z-index: 1000;
    position: absolute;
    visibility: hidden;
    min-width: 100%;
    width: 273px;
    left: -10px;
    top: 25px;
    min-height: 0 !important;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.tariff-payment_right {
    width: 100%;
}

@media only screen and (min-width: 767px) {
    .tariff-payment_right.fixed {
        position: fixed;
        top: 20px;
    }

    #tariff-fixed-wrapper {
        width: 40%;
    }
}

.demo-tariff_btn {
    margin-top: 8px;
}

.demo-tariff_btn svg {
    --icon-fill: url(#paint0_linear_2817_4494);
    transition: fill 0.3s ease;
}

.demo-tariff_btn:hover svg,
.demo-tariff_btn:active svg {
    --icon-fill: #4474FF;
}

.demo-tariff_title_container {
    display: flex;
    align-items: center;
}

.demo-tariff_title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    background: linear-gradient(118.2deg, #5E84F1 26.18%, #A55FFF 91.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.demo-tariff_btn:hover .demo-tariff_title,
.demo-tariff_btn:active .demo-tariff_title {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #4474FF;
    background-clip: unset;
    color: #4474FF;
}

.tariff-discount {
    font-weight: 500;
    color: #212121;
}

.payment-discount_container {
    display: flex;
    align-items: start;
    gap: 4px;
}

.payment-discount {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    background: linear-gradient(118.2deg, #5E84F1 26.18%, #A55FFF 91.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.payment-data_error {
    display: flex;
    margin-top: 20px;
    color: #dc3545;
}

.payment-data_message {
    display: flex;
    margin-top: 20px;
    line-height: 1.3;
}

.unlock-modal_title {
    flex-direction: column;
    align-items: start;
    gap: 0;
    max-width: 85%;
    margin-bottom: 20px;
}

.unlock-modal_title .personal_item_title {
    margin-bottom: 12px;
}

.personal_item_subtitle {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.unlock-modal_container {
    margin-bottom: 8px;
}

.unlock-modal_main {
    margin-top: 0;
    padding: 16px;
    gap: 20px;
}

.unlock-modal_main .tariff-features {
    gap: 4px;
}

.unlock-modal_main .tariff-features_title {
    color: #949494;
    font-weight: 400;
}

.unlock-modal_footer {
    border: none;
    gap: 12px;
    justify-content: start;
}

.latter-btn {
    color: #212121 !important;
}

#tariffBlock {
    position: sticky;
    top: 24px;
    overscroll-behavior: none;
}

.btn-exit {
    color: #DC3545;
}

.sidebar {
    position: relative
}

.sidebar__aside-inner {
    width: 280px;
    border-radius: 8px;
    padding: 12px 0 24px;
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12), 0 8px 18px -6px rgba(24, 39, 75, 0.12);
    background: #fff;
    position: sticky;
    /*position: -webkit-sticky;*/
    top: 24px;
    overscroll-behavior: none;
    padding: 12px 0
}

.sidebar__aside-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px
}

.sidebar__aside-item svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    color: #949494
}

.sidebar__aside-item.active svg {
    fill: #5d87ff;
    color: #5d87ff;
}

.sidebar__aside-item:hover svg {
    color: #5d87ff
}

.sidebar__aside-item:hover {
    color: #5d87ff;
    background-color: #f5f8ff;
}

.payment-status_page {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-status_page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payment-status_page-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-top: 32px;
    margin-bottom: 16px;
    text-align: center;
}

.payment-status-title_tariff-name {
    background: linear-gradient(118.2deg, #5E84F1 26.18%, #A55FFF 91.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.payment-status_page-subtitle {
    margin-bottom: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.personal_tariff {
    width: 100%;
}

.personal_tariff-top {
    display: flex;
    gap: 24px;
}

.personal_tariff__card, .personal_tariff-options {
    width: 100%;
}

.personal_tariff-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.personal_tariff-options__item {
    display: flex;
    align-items: center;
    padding: 4px !important;
    cursor: url('../images/pic/pointinghand.png') 11 8, auto;
}

.personal_tariff-options__text {
    margin-left: 8px;
    width: 80%;
}

.personal_tariff-options__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.personal_tariff-options__item:hover .personal_tariff-options__title {
    color: #5D87FF;
}

.personal_tariff-options__subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #949494;
}

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

.personal_tariff__titleAndStatus, .personal_tariff__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.personal_tariff__date, .personal_tariff__history {
    font-size: 14px;
    line-height: 20px;
}

.personal_tariff__date {
    margin-top: 8px;
    font-weight: 400;
}

.personal_tariff__history {
    font-weight: 500;
    cursor: pointer;
    color: #5D87FF;
}

.tariff-frequent_question {
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .personal_tariff-top {
        flex-direction: column;
    }
}

#demoActivatedModal .modal__block {
    width: 480px;
}

#demoActivatedModal .info-index__form-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#demoActivatedModal .info-index__form-text p {
    font-size: 14px;
}

#demoActivatedModal .info-index__form-title {
    margin-bottom: 24px;
}

#demoActivatedModal .info-index__form-text {
    margin-bottom: 4px;
}

#demoActivatedModal p span {
    font-weight: 600;
}

#paymentHistoryModal .modal__block, #tariffInfoModal .modal__block  {
    max-width: 500px;
    height: calc(100vh - 172px);
    justify-content: flex-start;
}

#paymentHistoryModal .modal__footer, #tariffInfoModal .modal__footer {
    border: none;
    padding-top: 8px;

}

#paymentHistoryModal .modal__footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

#paymentHistoryModal .modal__close, #tariffInfoModal .modal__close{
    top: 20px;
}

.payment-history-modal_form-title {
    margin-bottom: 24px;
}

.payment-history-modal_form-title .personal_item_label, .tariff-info-modal_title {
    font-size: 24px !important;
}

.payment-history-modal_tabs {
    display: inline-flex;
    background: #F6F6F6;
    border-radius: 8px;
    margin-bottom: 22px;
}

.payment-history-modal_tab {
    border: none;
    background: transparent;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: url('../images/pic/pointinghand.png') 11 8, auto;

}

.payment-history-modal_tab.active {
    background: #5D87FF;
    color: white;
}

.payment-history-modal_tab:not(.active):hover {
    color: #5D87FF;
}

.payment-history-modal_item_title {
    margin-bottom: 0 !important;
}

.payment-history-modal_payment-history {
    font-family: sans-serif;
    overflow-y: auto;
    padding-right: 8px !important;;
}

.payment-history_month {
    margin-bottom: 16px;
}

.payment-history_month__title {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 8px;
}

.payment-history_payment {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.payment-history_payment__info {
    flex: 1;
    padding-right: 8px;
}

.payment-history_payment__name, .payment-history_payment__date {
    font-weight: 400;
    font-size: 14px;
    color: #949494;
}

.payment-history_payment__name {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}

.payment-history_payment__name::after {
    content: "";
    flex: 1;
    height: 4px;
    background-size: 6px 4px;
    border-bottom: 2px dotted #ccc;
    margin-left: 4px;
    margin-right: 4px;
}

.payment-history_payment__date {
    display: block;
}

.payment-history_payment__price {
    white-space: nowrap;
}

#tariffInfoModal .info-index__form-title {
    margin-bottom: 4px;
}

.tariff-info-modal_features {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tariff-info-modal_feature, .tariff-info-modal_feature-info {
    font-size: 14px;
    line-height: 20px;
}

.tariff-info-modal_feature {
    font-weight: 600;
}

.tariff-info-modal_feature-info {
    font-weight: 400;
}

.contacts-container p {
    line-height: 1.3;
}

.contacts-container a {
    color: #5D87FF;
}

#userMenuModal form button {
    width: 100%;
}

.product-advanced_search {
    cursor: pointer;
}

.product-advanced_search-text {
    font-size: 13px;
    font-weight: 500;
    color: #5D87FF;
}

.product-advanced-search_modal {
    padding: 0 !important;
    padding-top: 24px !important;
}

#productAdvancedSearch .modal__block {
    max-width: 400px !important;
}

#productAdvancedSearch .info-index__form-title {
    margin-bottom: 0;
    padding: 0 15px;
}

#productAdvancedSearch .personal_item_title {
    margin-bottom: 12px;
}

#productAdvancedSearch #filter-prod-group-modal .modal__block {
    position: fixed;
    left: 0;
    margin-left: 0;
}

.actions-result__filter-buttons-section {
    display: flex;
    gap: 12px;
    width: 100%;
    margin: 12px 0;
}

.filter-button_main {
    padding: 8px 16px !important;
    gap: 8px !important;
}

.filter-button {
    display: flex;
    background-color: #5D87FF;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 10px;
    border-radius: 8px;
    font-size: 13px;
    color: #FFFFFF;
}

.filter-group__border {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

#productAdvancedSearch #filter-prod-group-modal .modal__footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 15px;
    flex-direction: column;
    align-items: start;
}

@media only screen and (max-width: 1023px) {
    #productAdvancedSearch #filter-prod-group-modal .modal__footer {
        width: 92%;
    }
}

.personal_declarations .actions-result {
    margin-top: 24px;
}

.visualize__btn.--disabled, .download-pdf__btn.--disabled {
    pointer-events: none;
    opacity: 0.6;
}

div.phpdebugbar ul li span {
    display: inline!important;
}

.modal .filter-list .checkbox__item {
    display: block;
    padding: 8px 16px 8px 32px;
    font-size: 14px;
    line-height: 143%;
}

.modal .filter-list .checkbox__item:before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    left: 7px;
}

.industrySelect-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.cases-section-first-item .dividing-line{
    order: inherit;
}

.industrySelect__container .select2-selection__arrow {
    background: url(../images/ico/arrow_down.svg) no-repeat center center !important;
;
}

.case-container {
    width: 100%;
    padding: 24px;
}

.highlighted-link:hover {
    background: #f3f6fe;
}

.case-container .h1{
    line-height: 32px;
}

.cases-section-first-item{
    padding: 16px 20px;
    padding-bottom: 6px !important;
    flex-direction: column;
}

.case-item {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
    border-radius: 16px;
}

.case-item a{
    max-width: 159px;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.case-item a img{
    margin: 0;
    margin-top: 3px;
}

.case-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.case-title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.case-additional-info {
    display: flex;
    gap: 24px;
    min-width: 151px;
}

.case-description {
    color: #949494;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.case-date, .case-views {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #949494;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.case-date img, .case-views img{
    width: 20px !important;
    height: 20px !important;
}

.case-page-item-container {
    padding: 20px;
    padding-bottom: 12px;
}

.case-page-item {
    width: 100%;
}

.case-page-item img{
    width: 100%;
    height: 100px;
    border-radius: 4px;
    object-fit: cover; 
    object-position: center; 
    flex-shrink: 0;

}

.case-page-title{
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    margin: 20px 0;
}

.case-page-bottom .case-additional-info {
    margin-top: 12px;
}

.case-page-second-line {
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 12px;
}

.case-page-second-line .actions-result{
    width: 100%;
}

.case-page-element {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    min-height: 160px;
}

.case-page-element-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    z-index: 100;
}

.case-page-element-description, .case-page-element-description li{
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    padding-left: 0;
    z-index: 100;
    width: 97%;
}

.case-page-element img{
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.case-page-element-description li {
    width: 100% !important;
    position: relative;
    display: list-item;
    margin-left: 15px; 
    list-style: none;
}

.case-page-element-description li::before {
    content: '';
    position: absolute;
    left: -15px; 
    top: 11px;
    width: 6px;
    height: 6px;
    background-color: #6C92FF;
    border-radius: 50%;
}

.case-page-element-description span {
    display: inline;
    padding: 0 6px;
    cursor: auto;
}

.case-page-element-results-title, .case-page-element-description span {
    background: linear-gradient(118.2deg, #5E84F1 26.18%, #A55FFF 91.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.case-back-mobile {
    display: none;
    align-items: center;
    margin-bottom: 24px;
    gap: 6px;
}

.case-back-mobile img{
   transform: rotate(180deg);
   width: 32px;
   height: 32px;
   cursor: pointer;
}

.case-back-mobile p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.cases-section-first-item-mobile {
    display: none;
}

.cases-section-first-item-mobile .h1{
    width: 100%;
    text-align: center;
}

.cases-section-first-item-mobile .industrySelect__container {
    margin-top: 7px;
}

.custom-select-wrapper {
  position: relative;
  width: 200px;
  font-family: sans-serif;
}

.custom-select {
  position: relative;
  user-select: none;
}

.custom-select__trigger {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}

.custom-select__trigger .arrow {
  width: 10px;
  height: 10px;
  background: url(../images/ico/arrow_down.svg) no-repeat center center !important;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s;
}

.custom-select.open .custom-select__trigger .arrow {
  transform: rotate(180deg);
}

.custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  display: none;
  flex-direction: column;
  z-index: 10;
}

.custom-select.open .custom-options {
  display: flex;
}

.custom-option {
  padding: 10px;
  cursor: pointer;
}

.custom-option:hover {
  background-color: #f0f0f0;
}

.custom-option.selected {
  background-color: #6C92FF;
  color: #fff;
}


@media only screen and (max-width: 767px) {
    .cases-section-first-item {
        display: none;
    }
    .cases-section-first-item-mobile {
        display: flex;
        background: none;
        box-shadow: none;
    }
    .case-back-mobile {
        display: flex;
    }
    .case-container {
        padding: 16px;
    }
    .case-item img{
        width: 100%;
    }
    .case-top {
        justify-content: flex-start;
        flex-direction: column;
        gap: 16px;
    }
    .case-main-info {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .case-page-second-line {
        flex-direction: column;
        gap: 0;
    }
    .case-page-item img {
        border-radius: 8px;
        height: 60px;
    }
      
    .case-page-item-container {
        background: none;
        padding: 0;
        box-shadow: none;
    }

    .case-page-element-description li::before {
        top: 11px;
        transform:none;
    }
}

.available-reports-section {
    display: flex;
    align-items: start;
    margin-top: 24px;
}

.available-reports-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 12px;
}

.available-reports-section .filter__aside-footer a {
    color: #212121;
}

.available-reports-section .available-reports-container .actions-result:nth-of-type(4) .case-item img {
    object-position: right;
}

.available-reports_order-report {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: rgba(165, 95, 255, 1);
    margin-top: 64px;
    padding: 24px;
    color: #FFFFFF;
}

.available-reports_order-report-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}

.available-reports_order-report-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.available-reports_order-report .btn{
    flex-grow: 0;
}


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

    .available-reports_order-report {
        align-items: start;
    }

    .available-reports_order-report-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 8px;
    }

    .available-reports_order-report-description {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 40px;
    }

    .available-reports_order-report .btn{
        width: 100%;
    }
}

.available-report-downloads {
    padding: 14px 0;
}

.available-report-top {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.available-report-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.available-report-buttons .black-text-btn {
    color: black;
}

.actions-result-line {
    align-items: stretch;
}

.actions-result-line :first-child{
    width: 50%;
}
.available-report-link-container {
    align-items: center;
    justify-content: center;
    background: url("../images/pic/available-report-link-bg.png") no-repeat center center;
    background-size: cover;
    background-position: center;
}

.available-report-link {
    display: flex;
    width: 100% !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.available-report-link .case-page-element-title {
    font-size: 20px;
    line-height: 30px;
    width: auto;
}

.available-report-link img, .available-report-example img{
    position: static;
}

.available-report-example img {
    width: 100%;
}

.how-it-work .video{
    border-radius: 8px;
}

.available-report_collect-info {
    background: url("../images/pic/available-report_collect-info-bg.png") no-repeat center center;
    background-size: cover;
    background-position: center;
}

.available-report_chose-tariff {
    background: url("../images/pic/available-report_chose-tariff-bg.png") no-repeat center center;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 767px) {
    .actions-result-line :first-child {
        width: 100%;
    }
    .available-reports_order-report, .available-report_collect-info, .available-report_chose-tariff {
        margin-top: 48px;
        background: rgba(165, 95, 255, 1);
    }
    .available-report-first-item-mobile .available-report-top {
        flex-direction: column;
        gap: 24px;
    }
    .available-report-link .case-page-element-title {
        width: auto;
    }
    .available-report-buttons {
        width: 100%;
        flex-direction: column;
        align-items: normal;
    }
    .available-report .btn {
        width: 100%;
    }
}



.case-page-element .tariff__frequent_questions_section_right {
    width: 100%;
}

.case-page-element .tariff__frequent_questions_section_right img {
    position: static;
    width: 24px;
    height: 24px;
}

.case-page-element .tariff__frequent_questions_section_right .personal_item {
    padding: 0;
    padding-left: 12px;
    border: none;
    box-shadow: none;
}

.case-page-element .tariff-frequent_question {
    color: #5D87FF;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.case-page-element .tariff-frequent_question img{
    transform: rotate(180deg);
}

.download-demo {
    color: #000 !important;
}

.cases-sources {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.cases-source {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    width: 328px;
    position: relative;
    padding-right: 12px;
    height: 100%;
    min-height: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.cases-source img {
    position: static;
    margin-bottom: 24px;
}


.cases-source:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 100%;
    background: #E0E0E0;
    transform: translateY(-50%);
}

.without-independent-analysis {
    background: var(--Physical-entity---Founder, rgba(204, 217, 255, 1));
    color: #000;
}

.available-reports_order-report-info {
    max-width: 80%;
}

.without-independent-analysis-video {
    margin-top: 0;
}

.user-dashboard-reports-container .tariff__frequent_questions_section_right{
    width: 100%;
}

.user-dashboard-reports-container .report-title{
    margin: 0;
}

.user-dashboard-reports-container .tariff-frequent_question_answer .table-report__row {
    grid-template-columns: minmax(402px, 1fr) 1fr 1fr 1fr ;
    align-items: center;
}

.user-dashboard-reports-container .table-report__col, .user-dashboard-reports-container .table-report__title {
    font-size: 14px;
    line-height: 20px ;
    font-weight: 500;
    margin-bottom: 0;
}

.user-dashboard-table-restart-btn {
    color: rgba(93, 135, 255, 1);
}

.table-report-download {
    color:  rgba(148, 148, 148, 1);
}

.user-dashboard-reports-container .table-report__pagination {
    justify-content: space-between;
    
}

.user-dashboard-reports-container .showPerPage {
    margin-right: 8px;
}

.user-dashboard-reports-container .showPerPage, .user-dashboard-reports-container .select {
    color: rgba(33, 33, 33, 1);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.user-dashboard-reports-container .select2 {
    border: 1px solid var(--Fill-Grey_200, rgba(224, 224, 224, 1)) !important;
    border-radius: 8px !important;
    padding-left: 12px;
}

.user-dashboard-reports-container .select2-selection__rendered {
    color: rgba(33, 33, 33, 1) !important;
    padding-right: 28px !important;
}

.user-dashboard-reports-container .select2-selection__arrow {
    background: url("../images/ico/arrow_down.svg") no-repeat center center/20px !important;
}

.user-dashboard-reports-container .tariff-frequent_question_answer {
    margin-bottom: 0;
}

.available-reports-counter {
    color: rgba(148, 148, 148, 1);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-left: 12px;
}

.video-container {
    display: flex;
    gap: 12px;
}

.video-container .video-info {
    width: 30%;
}

.video-container .video-info .video-title {
    font-size: 16px;
    line-height: 24px;
}

.video-container .video-info img {
    width: 20px;
    height: 20px;
}

@media only screen and (max-width: 767px) {
    .cases-sources {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .cases-source {
        flex-direction: row;
        padding-right: 0;
        padding-top: 16px;
        padding-bottom: 16px;
        min-height: auto;
        text-align: start;
    }

    .cases-source img {
        width: 80px;
        height: 88px;
        margin-bottom: 0;
        margin-right: 16px;
    }

    .cases-source:not(:last-child)::after {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
    }

    .video-container {
        flex-direction: column;
    }

    .video-container .video-info {
        width: 100%;
    }
}

.target-title:hover {
    color: #5D87FF !important;
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
}

.tooltip-content {
    display: none;
    top: 0;
    /*left: 115%;*/
    border: 1px solid #5D87FF;
    z-index: 77;
    gap: 12px;
    width: max-content;
    border-radius: 8px;
    box-shadow: 0 12px 42px -4px rgba(24, 39, 75, 0.12), 0 8px 18px -6px rgba(24, 39, 75, 0.12);
    padding: 24px;
    background: #fff;
    overflow: hidden;
    position: fixed;
    font-weight: 400;
}

.tooltip-wrapper:hover .tooltip-content {
    flex-direction: column;
}

.tooltip-img {
    width: 16px;
    height: 16px;
    margin-left: 12px;
    fill: #E0E0E0;
}

.tooltip-img:hover {
    fill: #5D87FF;
}


.report-requests-item {
    width: 100%;
}

.report-requests-table .table-report__row {
    grid-template-columns: 12% 39% 18% 12% 20% !important;
}

.report-requests-table .table-report__title {
    color: #5d87ff;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.report-requests-item .filter__aside-item__toggle-container {
    padding: 12px 0;
}

.report-requests-item .toggle-title {
    color: #949494;
}