* {
    outline: none !important;
}
html {
    overflow-x: hidden;
    overflow-y: auto;
}
html,
body {
    margin: 0;
}
body {
    overflow-x: hidden;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--main-text-color);
    background: var(--main-bg-color);
}




.container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 1320px;
    max-width: 100%;
}
.container.flex-vertical-center {
    align-items: flex-start;
}
.container.container-top {
    align-items: flex-start;
}




.header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 85px;
    z-index: 100;
    border-bottom: 1px solid #f5f5f5;
    background: #D9D9D9;
    transition: all 0.3s ease;
    /*box-shadow: 0 1px 1px rgb(35 31 32 / 20%);*/
    box-shadow: 0 4px 56px rgba(0,0,0,.12);
}

.header .extra-header-container {
    background: var(--second-site-color);
    height: 100%;
}
.header.scroll {
    height: 55px;
    padding: 0px;
}
.header .container {
    height: 100%;
    position: relative;
    justify-content: space-between;
}
.header .logo {
    width: 150px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: all 0.3s ease;
}
.header .logo a {
    width: 100%;
    font-size: 0;
}
.header.scroll .logo {
    width: 100px;
    margin-top: 0px;
    opacity: 1;
}
.header .logo.logo-absolute {
    position: absolute;
    left: 0px;
    top: -33px;
    opacity: 1;
    overflow: visible;
    display: none;
}
.header.scroll .logo.logo-absolute {
    opacity: 0;
}
.header .logo img {
    max-width: 100%;
    height: auto;
    width: 100%;
    transition: all 0.3s ease;
}
.header .logo.logo-absolute img {
    width: auto;
}
.header .course {
    display: none;
    /*width: 100px;*/
    width: 85px;
    text-align: center;
    color: var(--second-text-color);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.header .course .price {
    display: block;
}
.header .menu-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
}
.header .main-menu {
    /*height: 100%;*/
}
.header .main-menu ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
}
.header .main-menu ul:not(.child-menu) {
    /*height: 100%;*/
}
.header .main-menu ul li {
}
.header .main-menu ul:not(.child-menu) li {
    height: 100%;
}
.header .main-menu ul li a {
    padding: 0px 15px;
    text-decoration: none;
    /*font-size: 16px;
    font-weight: 800;*/
    transition: 0.3s;
    color: var(--second-text-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    justify-content: center;
    max-width: 110px;
    line-height: 1.2;
}
.header .main-menu ul:not(.child-menu) li a {
    /*height: 100%;*/
    position: relative;
}
.header .main-menu ul:not(.child-menu) li a:after {
    /*background-color: #5E81FF;
    bottom: 0;
    content: " ";
    display: block;
    height: 3px;
    position: absolute;
    right: 0;
    -webkit-transition: .25s cubic-bezier(.39,.575,.565,1);
    transition: .25s cubic-bezier(.39,.575,.565,1);
    width: 100%;
    opacity: 0;
    display: none;*/
}
.header .main-menu ul li.parent > a {

}
.header .main-menu ul li.language-select > a i {
    margin-right: 5px;
}
.header .main-menu ul li.parent > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    position: relative;
    margin-left: 7px;
    display: inline-block;
}
.header .main-menu ul li.parent.avatar-menu-item > a:after {
    display: none;
}
.header .main-menu > ul > li:last-child > a {
    padding-right: 0px;
    font-size: 20px;
}
.header .main-menu ul li:hover > a,
.header .main-menu ul li.active > a {
    text-decoration: none;
    color: var(--first-site-color);
}
.header .main-menu ul:not(.child-menu) li:hover > a:after {
    opacity: 1;
}
.header .main-menu li.parent {
    position: relative;
}
.header .main-menu li.parent.avatar-menu-item {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: #1976d2;
}
.header .main-menu li.avatar-menu-item > a {
    padding: 0;
    height: 100%;
    text-transform: uppercase;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
}
/*.header .main-menu li.parent > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    position: relative;
    color: var(--main-text-color);
    margin-left: 7px;
    display: inline-block;
    transition: all 0.3s;
    display: none;
}
.header .main-menu li.parent:hover > a:after {
    color: var(--second-text-color);
    transform: rotate(180deg);
}*/
.header .main-menu ul.child-menu {
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    background: var(--second-site-color);
    border: 1px solid #f5f5f5;
    padding: 5px 0px;
    border-radius: 8px;
}
.header .main-menu li.avatar-menu-item ul.child-menu {
    left: auto;
    right: 0;
    transform: none;
}
.header .main-menu ul.child-menu a {
    /*padding: 10px 12px;*/
    padding: 5px 12px;
    white-space: nowrap;
}
.header .personal-in-header {
    padding-top: 10px;
    transition: all 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.header .personal-in-header a {
    color: var(--second-site-color);
    text-decoration: none;
    transition: all 0.3s;
    font-weight: 600;
    display: inline-block;
}
.header .personal-in-header a:hover {
    color: var(--important-text-color);
    text-decoration: none;
}
.header .personal-in-header a.log-out {
    /*color: var(--important-text-color);*/
    margin-left: 10px;
}
.header .personal-in-header a.log-out:hover {
    /*color: var(--second-site-color);*/
}








.footer {
    border-top: 1px solid #d5d2d2;
    background: var(--second-site-color);
    padding: 50px 0px 20px;
    color: var(--second-text-color);
}
.footer .column {
    width: 100%;
    padding: 0px 50px;
    text-align: center;
}
.footer .column:first-child {
    padding-left: 0;
}
.footer .column:last-child {
    padding-right: 0;
}
.footer .logo {
    width: 300px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.footer .logo img {
    max-width: 100%;
    height: auto;
}
.footer .footer-text {
    /*margin-top: 20px;*/
    text-align: left;
}
.footer .copyright {
    margin-top: 50px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    padding-top: 20px;
}
.footer .footer-menu {
    /*margin-top: 20px;*/
}
.footer .footer-menu ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    margin: 0px;
    min-width: 160px;
}
.footer .footer-menu ul li {

}
.footer .footer-menu ul li a {
    padding: 7px 0px;
    text-decoration: none;
    font-size: 16px;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    transition: 0.3s;
    color: var(--second-text-color);
    display: inline-block;
}
.footer .footer-menu ul li a:hover {
    text-decoration: none;
    color: var(--first-site-color);
}









.page-wrapper {
    margin-top: 80px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.page-wrapper.no-top-padding {
    padding-top: 0px;
}
.column-50 {
    width: 50%;
}
.column-50:first-child {
    padding-right: 50px;
}
.column-50:last-child {
    padding-left: 50px;
}
.content-text-with-icon-left {
    margin: 20px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.content-text-with-icon-left .content-icon {
    font-size: 30px;
    width: 12%;
}
.content-text-with-icon-left .content-text {
    width: 88%;
}
.content-text-with-icon-left .sub-title {
    font-size: 16px;
    font-weight: 500;
}
form {}
form.form-with-background {
    display: block;
    /*background: url('../images/35304589-scaled.jpg') no-repeat center center;*/
    /*background: #f7f7f7;*/
    background: #fff;
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    /*background-size: cover;*/
    background-size: contain;
    /*padding: 50px 15%;*/
    padding: 30px;
    margin: auto;
    border: none;
    border-radius: 0px;
    max-width: 600px;
}
form.form-front {
    display: block;
    /*background: url('../images/35304589-scaled.jpg') no-repeat center center;*/
    /*background-size: cover;*/
    /*background-size: contain;*/
    padding: 50px 15%;
    margin: 0px;
    border: none;
    border-radius: 0px;
}
form .form-title {
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 30px;
}
form .description {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}
form .subtitle,
form .form-check-url {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}
form .form-check-url .check-url {
    padding: 8px 20px;
    margin-top: 10px;
    border-bottom: 1px solid #1e3684;
    border-radius: 0px;
    /*border-radius: 50px;*/
    background: #fff;
    font-size: 14px;
}
form .form_input_container,
.container-for-payment-account .form_input_container {
    margin-bottom: 20px;
}
form .form_input_container.no-margin {
    margin-bottom: 0px;
}
form select,
form input,
form textarea,
form .form_input_div,
.form_input_new,
.container-for-payment-account input {
    display: block;
    width: calc(100% - 50px);
    border: 3px solid #e5e5e7;
    padding: 12px 25px;
    font-size: 16px;
    line-height: 20px;
    color: #2d3748;
    border-radius: 8px 0 0 8px;
    background: #f8fafc;
    font-weight: 400;
    transition: all 0.3s;
}
.form_input_new {
    border: 1px solid var(--first-site-color);
}
form select:focus,
form input:focus,
form textarea:focus,
form .form_input_div,
.form_input_new:focus {
    border-color: #00C853 !important;
    box-shadow: 0 0 0 3px rgba(0, 200, 83, 0.1);
    background: #ffffff;
}
.form_input_new:focus {
    border-bottom-width: 2px;
}
form select:disabled,
form input:read-only,
form textarea:read-only,
form .form_input_div,
.form_input_new:read-only {
    background: #d2d2d2;
}
form input[type=checkbox] {
    width: auto;
    display: inline-block;
    margin: 0px;
}
form .form_input_container a,
.form-final a {
    text-decoration: none;
    color: var(--second-site-color);
    font-weight: 600;
    transition: all 0.3s;
}
form .form_input_container a:hover,
.form-final a:hover {
    text-decoration: none;
    color: var(--important-text-color);
}
form.form-with-background select,
form.form-with-background input,
form.form-with-background textarea {
    /*width: 100%;*/
}
textarea {
    resize: none;
    height: 80px;
}
form select {
    width: 100%;
}
form.form-big-input select,
form.form-big-input input,
form.form-big-input textarea {
    min-width: 300px;
}
form.form-big-input input[type=checkbox] {
    min-width: auto;
}
form .form__submit {
    /*text-align: center;*/
    text-align: left;
    margin-top: 30px;
}
.form_submit_button {
    text-decoration: none;
    color: var(--second-text-color);
    font-size: 16px;
    background: var(--first-site-color);
    padding: 12px 25px;
    border: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    border-radius: 0 8px 8px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgb(149 152 200 / 20%);
    transition: all 0.3s;
    margin-bottom: 15px;
}
.form_submit_button:hover {
    /*background: #aaaacb;*/
    /*background: var(--important-text-color);*/
    background: #4b71ff;
    background: var(--second-site-color);
}
.form_submit_button.external-link {
    /*background: var(--second-site-color);*/
    color: #231F20;
    background: #61CE7000;
    border: 1px solid #231F20;
    transition: all 0.3s;
}
.form_submit_button ~ .form_submit_button.external-link {
    margin-left: 10px;
}
.form_submit_button.external-link:hover {
    background: #61CE7000;
    border-color: #706D6E6B;
}
.answer {
    text-align: center;
    margin: 0px 0 15px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: 600;
    color: var(--important-text-color);
    transition: all .3s ease-in;
}
.main-title ~ .answer {
    margin-top: 30px;
}
form .policy {
    text-align: center;
    font-size: 0.9em;
    line-height: 0.9em;
    font-weight: 500;
    padding-top: 15px;
}
form .forgot-password {
    text-align: center;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    color: var(--second-site-color);
    text-decoration: none;
    margin-top: 30px;
    transition: all .3s;
}
form .forgot-password:hover {
    color: var(--important-text-color);
    text-decoration: none;
}
.form-final {
    /*background: url('../images/35304589-scaled.jpg') no-repeat center center;
    background-size: cover;*/
    /*background: #f7f7f7;*/
    background: #fff;
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    padding: 100px 25%;
    display: none;
}
.form-final .form-title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.form-final .subtitle {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}
.confirm-email-message {
    text-align: center;
    margin: 0px 0px 30px;
    font-size: 18px;
    font-weight: 500;
    color: var(--important-text-color);
}
.confirm-email-message .success {
    font-size: 24px;
    font-weight: 600;
    color: #52b352;
}
.main-title {
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 30px;
}
.search-block {
    text-align: center;
}
.search-block input {
    text-align: center;
}
.column-100 {
    width: 100%;
}
.add-block {
    margin-top: 15px;
}
.sidebar .add-block {
    width: 100%;
    text-align: center;
}
.table-block {
    margin: 30px 0px;
    overflow: auto;
}
.table-block table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}
.table-block table * {
    font-size: 12px;
}
.table-block table tr {
    width: 100%;
}
.table-block table tr:nth-child(odd) {
    background: #f0f0f0;
}
.table-block table tr:hover {
    background: #dcdcdc;
}
.table-block table th,
.table-block table td {
    /*border: 1px solid #4d519d;*/
    border: 1px solid var(--first-site-color);
    padding: 7px;
    max-width: 200px;
    word-break: break-all;
    text-align: left;
    min-width: 100px;
}
.table-block table th {
    /*background: #4d519d;*/
    background: var(--first-site-color);
    color: #fff;
}
.color-link {
    color: var(--second-site-color);
    text-decoration: none;
    transition: all 0.3s;
    font-weight: 600;
    transition: all 0.3s;
}
.color-link:hover {
    color: var(--important-text-color);
    text-decoration: none;
}
.remove-link {
    color: var(--important-text-color);
    float: right;
}
.remove-link:hover {
    color: var(--second-site-color);
}
.success-add-user {
    color: var(--second-site-color);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin: 30px 0px;
}
.pagination {
    text-align: center;
}
.pagination a {
    padding: 0px 10px;
}
.pagination a.active {
    color: var(--main-text-color);
}
.spoiler-container {
    padding-bottom: 30px;
}
.spoiler-container .spoiler-head,
.spoiler-container .spoiler-head span {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}
.spoiler-container .spoiler-body {
    display: none;
    padding: 20px 0px;
}
.spoiler-container .spoiler-head:hover span,
.spoiler-container.active .spoiler-head span,
.spoiler-container .spoiler-head:hover span:after,
.spoiler-container.active .spoiler-head span:after {
    color: var(--second-text-color);
}
.spoiler-container .spoiler-head span:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    position: relative;
    color: var(--main-text-color);
    margin-left: 7px;
    display: inline-block;
    transition: all 0.3s;
}
.spoiler-container.active .spoiler-head span:after {
    transform: rotate(180deg);
}
.column-for-sidebar {
    width: 320px;
    flex-shrink: 0;
    margin-right: 30px;
}
.column-after-sidebar {
    flex: 1;
    width: calc(100% - 350px);
}
.sidebar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    overflow: hidden;
    /*box-shadow: 0px 5px 28.5px 1.5px rgb(149 152 200 / 20%);*/
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    background: #fff;
    border-radius: 8px;
    padding: 35px 0 35px;
    position: relative;
    z-index: 3;
}
.sidebar .profile-picture {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.sidebar .profile-picture a {
    text-transform: uppercase;
    background: #ce93d8;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--main-text-color);
    font-size: 36px;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
}
.sidebar .profile-picture img {
    max-width: 100%;
}
.sidebar .profile-name {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: var(--first-site-color);
}
.sidebar .sidebar-menu {
    margin-top: 15px;
    width: 100%;
}
.sidebar .sidebar-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar .sidebar-menu ul li {
    list-style: none;
}
.sidebar .sidebar-menu ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 30px;
    transition: all 0.3s;
    color: var(--second-site-color);
    text-decoration: none;
    position: relative;
}
.sidebar .sidebar-menu ul li a i {
    margin-right: 10px;
}
.sidebar .sidebar-menu ul li a:hover,
.sidebar .sidebar-menu ul li.active a {
    background: var(--second-site-color);
    color: #fff;
    border-left: 5px solid var(--first-site-color);
}
.sidebar .sidebar-menu ul li a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: relative;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.sidebar .profile-data-section {
    margin: 0px;
    padding: 15px 0px;
    border-top: 1px solid #d5d2d2;
    width: 100%;
}
.sidebar .profile-data-section .profile-data-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 0px;
    flex-wrap: wrap;
}
.sidebar .profile-data-section .profile-data-item .key {
    color: #7b7a7a;
}
.sidebar .profile-data-section .profile-data-item .value {
    font-weight: 500;
    /*word-break: break-all;*/
}
.sidebar .profile-data-section .profile-data-item .value a:not(.form_submit_button) {
    text-decoration: none;
    color: var(--main-text-color);
}
.white-container {
    background: #fff;
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    padding: 40px 40px;
    border-radius: 8px;
    clear: both;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}
.main-page-image {
    max-width: 100%;
    /*padding: 0px 15px 30px;*/
    margin: 0px 0px 30px;
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    font-size: 0;
    border-radius: 8px;
    overflow: hidden;
}
.main-page-image img {
    /*max-width: 100%;*/
    width: 100%;
}
.squares {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.squares .one-square {
    /*width: calc(50% - 90px);
    margin: 15px;*/
    width: calc(50% - 75px);
    margin: 15px 0;
    padding: 30px 30px;
    /*box-shadow: 0px 5px 28.5px 1.5px rgb(149 152 200 / 20%);*/
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    background: #fbfdfc;
    border-radius: 8px;
}
.squares .one-square.full-width {
    /*width: calc(100% - 90px);*/
    width: calc(100% - 60px);
}
.squares .one-square .square-title {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
}
.squares .one-square .square-title i {
    margin-right: 20px;
}
.squares .one-square .square-content {
    margin-top: 20px;
    min-height: 100px;
    text-align: center;
}
.transfer-form {

}
.transfer-form input {
    display: inline-block;
    width: 60%;
    border: none;
    border-bottom: 1px solid #e5e5e7;
    padding: 10px 25px;
    font-size: 14px;
    line-height: 20px;
    /*color: #4d519d;*/
    color: #6c6d74;
    border-radius: 0px;
    /*border-radius: 8px;*/
    background: #fff;
    /*background: #fbfdfc;*/
    font-weight: 300;
    text-align: center;
    letter-spacing: 2.5px;
}
.transfer-form input:focus {
    border-color: #1e3684 !important;
}






.transfer-form button {
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: 10px 18px;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    border-radius: 0px;
    /*border-radius: 8px;*/
    /*background: #4d519d;*/
    /*background: var(--first-site-color);*/
    background: var(--important-text-color);
    font-weight: 300;
    margin-left: 10px;
    transition: all 0.3s;
}
.transfer-form button:hover {
    /*background: #aaaacb;*/
    /*background: var(--important-text-color);*/
    background: #4b71ff;
    background: var(--second-site-color);
}
.squares .one-square .square-extra-text {
    margin-top: 10px;
}
.squares .one-square .square-extra-text img {
    margin: 10px auto;
    max-width: 200px;
    display: block;
}
.modal-window {
    background: var(--main-bg-color);
    text-align: center;
    /*border-radius: 8px;*/
    display: none;
}
.modal-window .modal-title {
    font-weight: bold;
    font-size: 18px;
    color: var(--first-site-color);
    margin-bottom: 30px;
}
.modal-window .modal-content {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 30px;
}
.chat-container {
    /*width: calc(100% - 30px);
    margin: 15px;*/
    width: 100%;
    border-radius: 8px;
    /*background: url('../images/35304589-scaled.jpg') no-repeat center center;
    background-size: cover;*/
    background: #fff;
    /*border: 1px solid #d5d2d2;*/
    overflow: hidden;
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    padding: 40px 0 0;
}
.chat-container .chat-dialog {
    width: calc(100% - 60px);
    padding: 30px 30px 15px;
    max-height: 300px;
    overflow: auto;
}
.chat-container .chat-dialog .date-time {
    display: inline-block;
    width: 80%;
    margin: 30px 10%;
    text-align: center;
    color: #717171;
    border-top: 1px solid #d5d2d2;
    border-bottom: 1px solid #d5d2d2;
    padding: 10px 0px;
}
.chat-container .chat-dialog .not-message {
    text-align: center;
    color: #717171;
    font-size: 18px;
    margin-bottom: 50px;
}
.chat-container .chat-dialog .chat-message-container {
    display: block;
}
.chat-container .chat-dialog .chat-message-container.hide {
    display: none;
}
.chat-container .chat-dialog .chat-message-container .chat-message {
    display: inline-block;
    max-width: 75%;
    padding: 10px 20px;
    /*border-radius: 8px;*/
    /*box-shadow: 0px 5px 28.5px 1.5px rgb(149 152 200 / 20%);*/
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    color: var(--main-text-color);
    background: var(--main-bg-color);
    margin-bottom: 15px;
    transition: all 0.3s;
}
.chat-container .chat-dialog .chat-message-container .chat-message.opacity-0 {
    opacity: 0;
}
.chat-container .chat-dialog .chat-message-container .chat-message.admin-chat-message {
    /*background: var(--second-site-color);*/
    background: #333;
    color: #fff;
}
.chat-container .chat-dialog .chat-message-container .chat-message.manager-chat-message {
    background: var(--first-site-color);
    color: #fff;
}
.chat-container .chat-dialog .chat-message-container .chat-message.user-chat-message {
    float: right;
}
.chat-container .chat-dialog .chat-message-container .chat-message .name {
    font-weight: bold;
    font-size: 0.8em;
}
.chat-container .chat-dialog .chat-message-container .chat-message .message {
    padding: 8px 0px 5px;
    line-height: 1;
}
.chat-container .chat-dialog .chat-message-container .chat-message .date {
    font-size: 0.9em;
    text-align: right;
}
.chat-container .clear-fix {
    clear: both;
}
.chat-container .chat-form-container {
    /*background: var(--main-bg-color);
    padding: 5px 30px 10px*/
    background: #fff;
    padding: 0;
    border-top: 1px solid #d5d2d2;
    margin-bottom: 15px;
}
.chat-container .chat-form-container .chat-form {
    /*width: calc(100% - 60px);*/
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    border: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
}
.chat-container .chat-form-container .chat-form .form_input_container {
    width: 80%;
    margin-bottom: 0px;
}
.chat-container .chat-form-container .chat-form textarea {
    display: inline-block;
    width: calc(100% - 30px);
    height: 75px;
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 8px;
    /*margin-bottom: 15px;*/
    background: #fbfdfc;
    font-weight: 300;
    /*box-shadow: 0px 5px 28.5px 1.5px rgb(149 152 200 / 20%);*/

    border: 1px solid #e9e9e9;
    background: #fff;

    resize: none;
}
.chat-container .chat-form-container .chat-form textarea:hover {
    background-color: #f8f8f8;
}
.chat-container .chat-form-container .chat-form .form__submit {
    margin-top: 0px;
}
.chat-container .chat-form-container .chat-form button {
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: 10px;
    width: 50px;
    height: 50px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    border-radius: 50px;
    /*background: #4d519d;*/
    background: var(--first-site-color);
    font-weight: 300;
    margin-left: 20px;
    transition: all 0.3s;
}
.chat-container .chat-form-container .chat-form button:hover {
    /*background: #aaaacb;*/
    background: var(--important-text-color);
}
.chat-container .chat-form-container .chat-form button.add-file-to-message {
    margin-left: 0px;
    margin-right: 20px;
}
.chat-container .chat-form-container .ajax-answer {
    text-align: center;
    margin: 10px 0px;
    padding: 0;
    font-size: 0.9em;
    line-height: 0.9em;
    font-weight: 600;
    color: var(--second-site-color);
    transition: all .3s ease-in;
}
.hide {
    display: none;
}
.hidden-input {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 1px;
    top: 0px;
    left: 9999999px;
}
.image-from-server {
    text-align: center;
    max-width: 350px;
    margin: auto;
    font-size: 0.9em;
    font-weight: bold;
}
.image-from-server img {
    max-width: 100%;
}
.chart-message-image {
    display: block;
    text-align: center;
    max-width: 350px;
    margin: auto;
    padding-top: 10px;
}
.chart-message-image img {
    max-width: 100%;
}
.get-card {
    margin: 15px;
}
.get-card .sub-title {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    margin: 50px 0px 0px;
}
.get-card .choosing-payment-system {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 50px;
}
.get-card .choosing-payment-system .one-payment-system {
    width: 100px;
    text-align: center;
    border: 3px solid transparent;
    transition: all 0.3s;
    margin: 15px;
    font-size: 0px;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}
.get-card .choosing-payment-system .one-payment-system:hover,
.get-card .choosing-payment-system .one-payment-system.active {
    border: 3px solid var(--second-site-color);
}
.get-card .choosing-payment-system .one-payment-system img {
    max-width: 100%;
    height: 50px;
}
.get-card .choosing-payment-system .one-payment-system .text {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    margin-top: 8px;
}
.get-card .chose-card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 50px;
}
.get-card .chose-card .one-card {
    width: 300px;
    border: 3px solid transparent;
    transition: all 0.3s;
    margin: 15px;
    font-size: 0px;
    border-radius: 10px;
    cursor: pointer;
}
.get-card .chose-card .one-card:hover,
.get-card .chose-card .one-card.active {
    border: 3px solid var(--second-site-color);
}
.get-card .chose-card .one-card img {
    width: 100%;
}
.get-card .chose-currencies {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 50px;
}
.get-card .chose-currencies .one-currencies {
    padding: 10px 20px;
    border: 3px solid transparent;
    transition: all 0.3s;
    margin: 15px;
    font-size: 14px;
    border-radius: 10px;
    align-items: center;
    cursor: pointer;

    color: #231F20;
    background: #61CE7000;
    border: 1px solid #231F20;
    transition: all 0.3s;
}
.get-card .chose-currencies .one-currencies:hover,
.get-card .chose-currencies .one-currencies.active {
    /*border: 3px solid var(--second-site-color);*/
    background: #61CE7000;
    /*border-color: #706D6E6B;*/
    border-color: var(--second-site-color);
}
.get-card .error-message {
    font-size: 0.9em;
    font-width: 500;
    color: var(--important-text-color);
    display: none;
}
/*.chose-file {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: flex-start;*/
/*    align-items: flex-start;*/
/*    margin: 20px 0px 20px;*/
/*}*/
/*.chose-file .form__submit {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: flex-start;*/
/*    align-items: flex-start;*/
/*    margin: 0px 0px 20px;*/
/*}*/
/*.chose-file .add-file-to-transit-account,*/
/*.chose-file .add-file-button {*/
/*    text-decoration: none;*/
/*    color: #fff;*/
/*    font-size: 14px;*/
/*    background: var(--first-site-color);*/
/*    padding: 10px 25px;*/
/*    border: none;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    vertical-align: middle;*/
/*    cursor: pointer;*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*    font-weight: 300;*/
/*    line-height: 20px;*/
/*    border-radius: 8px;*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
/*    box-shadow: 0px 5px 15px 0px rgb(149 152 200 / 20%);*/
/*    transition: all 0.3s;*/
}*/
/*.chose-file .add-file-to-transit-account:hover,*/
/*.chose-file .add-file-button:hover {*/
/*    background: var(--second-site-color);*/
/*}*/
/*.chose-file .file-name {*/
/*    display: inline-block;*/
/*    padding: 10px 25px;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*    !*color: #4d519d;*!*/
/*    color: var(--first-site-color);*/
/*    border-radius: 8px;*/
/*    background: #fbfdfc;*/
/*    !*box-shadow: 0px 5px 28.5px 1.5px rgb(149 152 200 / 20%);*!*/
/*    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);*/
/*    margin-left: 30px;*/
/*    position: relative;*/
/*}*/
/*.chose-file .remove-client-file {*/
/*    display: inline-block;*/
/*    padding: 0px;*/
/*    margin: 0px;*/
/*    border: none;*/
/*    color: var(--important-text-color);*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    right: 13px;*/
/*    font-size: 14px;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s;*/
/*}*/
/*.chose-file .remove-client-file:hover {*/
/*    color: var(--second-site-color);*/
/*}*/
/*.chose-file .ajax-answer {*/
/*    display: inline-block;*/
/*    margin: 10px 0px;*/
/*    padding: 0;*/
/*    font-size: 0.9em;*/
/*    line-height: 0.9em;*/
/*    font-weight: 600;*/
/*    color: var(--second-site-color);*/
/*    transition: all .3s ease-in;*/
/*    margin-left: 10px;*/
/*}*/
/*.chose-file .document-type-name {*/
/*    margin: 0px 0px 10px;*/
/*    font-weight: bold;*/
/*}*/
.hover-user-card {
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.hover-user-card-center {
    width: 100%;
    padding-top: 40px;
}
.hover-user-card:hover {
    /*opacity: 0.5;*/
}
.hover-user-card:hover:after {
    content: 'Click to copy the number';
    position: absolute;
    background: #ffffffCC;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*color: #4d519d;*/
    color: var(--first-site-color);
    font-weight: bold;
}
.hover-user-card.click:hover:after {
    content: "\f0c5";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
.hover-user-card img {
    max-width: 100%;
}
.ajax-loader {
    margin-left: 10px;
    height: auto;
    width: 15px;
}
.file-name .ajax-loader {
    margin-top: 0px;
}
.tabs-links {
    padding: 20px 30px;
    border-bottom: 1px solid #d5d2d2;
    margin: 0px 50px 50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.tabs-links .one-tab {
    border: 3px solid transparent;
    transition: all 0.3s;
    margin: 0px 7px;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    color: var(--main-text-color);
}
.tabs-links .one-tab:hover,
.tabs-links .one-tab.active {
    border: 3px solid var(--second-site-color);
    color: var(--second-site-color);
}
.tabs-links .one-tab i {
    margin-right: 10px;
}
.personal-data-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    background: #fff;
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    padding: 40px 40px;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
}

.personal-data-container form {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.personal-data-container .data-container-full-width {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.personal-data-container .image-container {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.personal-data-table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.personal-data-container.personal-data-container-padding-mini {
    padding: 10px;
}
.personal-data-container .image-container {
    /*width: 15%;*/
    /*padding: 0% 5%;*/
    width: 100%;
    text-align: center;
}
.personal-data-container .image-container img {
    width: 100px;
    max-width: 100%;
}
.personal-data-container .image-container .profile-picture-edit {
    max-width: 100%;
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
    border-radius: 150px;
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin: 15px auto;
}

.personal-data-container .image-container .profile-picture-edit img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.personal-data-container .image-container .profile-picture-edit:hover:after {
    content: 'Click to change';
    position: absolute;
    background: #ffffff88;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.personal-data-container .data-container {
    width: 70%;
    margin-left: 5%;
}
.personal-area-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
    width: 100%;
}
.personal-area-columns .column {
    width: 48%;
    padding: 0 15px;
}
.personal-area-columns .column:first-child {
    padding-left: 0;
}
.personal-area-columns .column:last-child {
    padding-right: 0;
}
.personal-data-table {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.personal-data-table .personal-data-table-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid var(--second-site-color);
    word-wrap: break-word;
    box-sizing: border-box;
}
.personal-data-table .personal-data-table-item .key {
    width: 100%;
    padding-right: 0;
    font-weight: 500;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.personal-data-table .personal-data-table-item .value {
    width: 100%;
    padding-left: 0;
    text-align: left;
    box-sizing: border-box;
}
.personal-data-table .personal-data-table-item .value input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid var(--first-site-color);
    padding: 12px 25px;
    font-size: 16px;
    line-height: 20px;
    color: #2d3748;
    background: #f8fafc;
    font-weight: 400;
    transition: all 0.3s;
}

.personal-data-table .personal-data-table-item .value input:focus {
    border-color: #00C853 !important;
    box-shadow: 0 0 0 3px rgba(0, 200, 83, 0.1);
    background: #ffffff;
}
.personal-data-container .edit-page-result {
    font-weight: 500;
    font-size: 0.9em;
    color: var(--important-text-color);
    text-align: center;
    display: none;
}
.personal-data-container label {
    margin: 0px 5px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    float: left;
    cursor: pointer;
    position: relative;
}
.personal-data-container label input[type=radio] {
    opacity: 0;
}
.personal-data-container label .alter-radio {
    border: 1px solid var(--first-site-color);
    padding: 8px;
    margin-right: 10px;
    display: inline-block;
    font-size: 0px;
    border-radius: 15px;
}
.personal-data-container label input[type=radio]:checked ~ .alter-radio {
    background: var(--first-site-color);
}
.result-message-security {
    text-align: left;
    margin: 0px 0 15px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: 600;
    color: var(--second-site-color);
    transition: all .3s ease-in;
}
.tabs-registration {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.tabs-registration .tabs-registration-button {
    padding: 10px 20px;
    border: 3px solid transparent;
    transition: all 0.3s;
    margin: 15px;
    font-size: 14px;
    border-radius: 10px;
    align-items: center;
    cursor: pointer;
    text-align: center;
}
.tabs-registration .tabs-registration-button:hover,
.tabs-registration .tabs-registration-button.active {
    border: 3px solid var(--second-site-color);
}
.form-with-column {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}
.form-with-column input,
.form-with-column select,
.form-with-column textarea {
    text-align: left;
}
.form-with-column .form-column-left {
    border-right: 1px solid #d5d2d2;
    padding-right: 30px;
    width: 50%;
}
.form-with-column .form-column-right {
    padding-left: 30px;
    width: 50%;
}
.text-center {
    text-align: center;
}
.text-data-name-container {

}
.text-data-name {
    display: inline-block;
    border-bottom: 1px solid var(--main-text-color);
    padding: 10px 10px 5px 5px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    /*color: var(--important-text-color);*/
    color: #8b8b8b;
}
::-moz-placeholder { /* Firefox 19+ */
    /*color: var(--important-text-color);*/
    color: #8b8b8b;
}
:-ms-input-placeholder { /* IE 10+ */
    /*color: var(--important-text-color);*/
    color: #8b8b8b;
}
:-moz-placeholder { /* Firefox 18- */
    /*color: var(--important-text-color);*/
    color: #8b8b8b;
}
form.form-with-background.form-two-step-authorization {
    display: none;
}
.burger {
    display: none;
}
.mobile-hide {
    display: block;
}
.desktop-hide {
    display: none;
}
.show-sidebar-mobile {
    display: none;
}
.backspace-sidebar-mobile {
    display: none;
}
.header.scroll .personal-in-header {
    padding-top: 0px;
}
.button-show-sidebar-mobile {
    display: none;
}
.log-table th,
.log-table td {
    overflow: auto;
}
.sub-title-swift {
    font-size: 16px;
    font-weight: 500;
    margin: 30px 10px 30px;
}
.swift-data-container {
    margin: 0px 10px 30px;
}
.swift-data-container .swift-data-title {
    font-size: 16px;
}
.swift-data-container .swift-data-value {
    font-size: 16px;
    font-weight: 600;
}
.datepicker-dropdown {
    position: absolute;
    padding: 5px 10px;
    margin: 2px 0 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.account_frozen {
    background: #ffb387;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 30px;
}
.new_password_error {
    display: inline-block;
    width: 100%;
    margin: 0px 5px;
    color: #B94A48;
    font-size: 0.9em;
    line-height: 0.9em;
}
form.form-reset-password {
    display: none;
}
.transaction {
    font-size: 12px;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.transaction .left {
    float: left;
    width: 50%;
    text-align: left;
}
.transaction .right {
    float: right;
    width: 50%;
    text-align: right;
}
.column-20 {
    width: 20%;
}
.mini-sidebar h3 {
    border-bottom: 1px solid #4D4D4D;
    color: #4D4D4D !important;
    font-size: 16px !important;
    margin-bottom: 10px;
    line-height: 30px;
}
.mini-sidebar a {
    text-decoration: none;
    color: var(--second-site-color);
    font-weight: 600;
    transition: all 0.3s;
}
.mini-sidebar a:hover {
    text-decoration: none;
    color: var(--important-text-color);
}
.mini-sidebar ul {
    padding: 0px;
    margin: 0px;
}
.mini-sidebar ul li {
    background: url("../images/list_bullet.png") no-repeat scroll 0 10px transparent;
    list-style-type: none;
    padding: 0.454em 0.454em 0.454em 1.817em;
    padding-left: 16px;
}
.mini-sidebar .big-title {
    font-size: 56px;
    font-weight: 800;
    color: #1e1e1e;
    line-height: 1;
    margin-bottom: 24px;
}
.mini-sidebar .big-text {
    line-height: 1.5rem;
    font-size: 20px;
    font-weight: 400;
}
.background-image-auth-page {
    position: absolute;
    min-height: 100%;
    height: 100vh;
    /*top: 0;*/
    top: -60px;
    /*left: 59vw;*/
    left: 0;
    /*right: 0;*/
    z-index: -1;
    width: 50%;
    /*background: url(/images/background_image_auth_page.jpg) no-repeat;*/
    background: #5E81FF;
    background-size: cover;
}
.deposit-page-content {
    width: 100%;
    border: none;
    height: 100vh;
}
.company-management .title {
    margin: 50px 0 0;
    font-size: 26px;
    font-weight: bold;
}
.company-management input:read-only {
    margin-top: 10px;
}
.main-background-new {
    max-width: 100%;
    padding-bottom: 50px;
}
.main-background-new img {
    width: 100%;
    height: auto;
}
.marquee-container {
    /*margin-right: 20%;*/
    display: inline-block;
}
.marquee {
    width: 510px;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee .courses-container {
    display: inline-block;
    animation: marquee 15s linear infinite;
    width: 1020px;
}
.marquee .courses-container:hover {
    animation-play-state: paused
}
.marquee .courses-container .course {
    float: left;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-50%, 0); }
}
.button-header-new {
    margin: 0 12px 0 0;
    padding: 3px 20px;
}
.header.scroll .button-header-new {
    margin: 3px 12px 0 0;
    padding: 1px 20px;
}
.widget-container {
    margin-bottom: 80px;
    width: 100% !important;
}
.widget-container .left-widget {
    width: 20%;
}
.widget-container .center-widget {
    width: 60%;
}
.widget-container .right-widget {
    width: 20%;
}
.images-in-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.images-in-sidebar .img-1 {
    margin-bottom: 0;
}
.accordions-container {

}
.accordions-container .accordion-item {
    background-color: #F4F4F2;
    border-radius: 8px;
    padding: 23px 60px 23px 30px;
    margin: 0 20px 20px;
    position: relative;
}
.accordions-container .accordion-item .accordion-header {
    font-size: 20px;
    color: #3A3A3A;
    cursor: pointer;
}
.accordions-container .accordion-item .accordion-header:after {
    content: '+';
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
}
.accordions-container .accordion-item.active .accordion-header:after {
    content: '-';
}
.accordions-container .accordion-item .accordion-content {
    font-size: 17px;
    color: rgba(58, 58, 58, 0.7);
    display: none;
    padding-top: 18px;
}
.accordions-container .accordion-item.active .accordion-content {

}
.squares-on-cabinet-balance-container {
    justify-content: flex-start;
}
.squares .one-square.square-balance {
    /*width: calc(25% - 75px);*/
    width: calc(25% - 25px);
    margin: 15px 30px 15px 0;
    box-sizing: border-box;
}
.squares .one-square.square-balance:last-child {
    margin-right: 0;
}
.square-balance-title {
    font-size: 20px;
    color: #202020;
    margin-bottom: 7px;
}
.square-balance-price {
    font-size: 39px;
    color: #5E81FF;
    margin-bottom: 70px;
    font-weight: bold;
}
.square-balance-price.green {
    color: #22B731;
}
.square-balance-buttons {

}
.square-balance-buttons .form_submit_button {
    margin: 0;
    font-size: 18px;
    padding: 20px 30px;
    font-weight: bold;
}
.squares-on-cabinet-tariff-container {

}
.squares .one-square.square-tariff {
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0;
    overflow: hidden;
    width: calc(50% - 15px);
}
.square-tariff-first-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px 30px 20px 30px;
}
.square-tariff-title {
    font-weight: bold;
    font-size: 24px;
    color: #202020;
    margin-right: 13px;
}
.square-tariff-sub-title {
    font-size: 13px;
    color: #5E81FF;
    padding: 7px 12px;
    background: rgba(2, 103, 255, 0.1);
    border-radius: 40px;
    margin-right: 150px;
}
.square-tariff-date {
    font-size: 14px;
    color: #3A3A3A;
}
.square-tariff-second-line {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding: 0 30px 0 30px;
}
.square-tariff-progress-bar-container {
    border-right: 1px solid #E1E1E1;
    padding-right: 15px;
    width: 60%;
    padding-bottom: 15px;
}
.square-tariff-progress-bar-prices {
    font-size: 13px;
    color: #3A3A3A;
}
.square-tariff-progress-bar-prices span {
    font-size: 16px;
    color: #5E81FF;
    margin-right: 4px;
}
.square-tariff-progress-bar-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.square-tariff-progress-bar-picture {
    position: relative;
    display: inline-block;
    background: #DFE2E4;
    border-radius: 16px;
    height: 8px;
    width: 90%;
}
.square-tariff-progress-bar-picture span {
    background: #5E81FF;
    border-radius: 16px;
    height: 8px;
    padding: 0;
    width: 34%;
    display: inline-block;
}
.square-tariff-progress-bar-percent {
    font-size: 12px;
    color: #3A3A3A;
    display: inline-block;
    width: 10%;
    text-align: right;
}
.square-tariff-vertical-text-container {
    padding: 0 15px 0 15px;
    width: 15%;
}
.square-tariff-vertical-text-container.with-border {
    border-right: 1px solid #E1E1E1;
}
.square-tariff-vertical-text-container .square-tariff-text-1 {
    font-size: 13px;
    color: #3A3A3A;
    margin-bottom: 4px;
}
.square-tariff-vertical-text-container .square-tariff-text-2 {
    font-weight: bold;
    font-size: 15px;
    color: #3A3A3A;
}
.square-tariff-third-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px 80px 24px 30px;
    background: #F2F4F6;
    flex-wrap: wrap;
}
.square-tariff-horizontal-text {
    font-size: 13px;
    color: #3A3A3A;
    width: 40%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.main-title.with-right-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.main-title.with-right-link .external-link {
    margin-right: 50px;
    margin-bottom: 0;
}
.squares .one-square.square-project {
    border-radius: 18px;
    margin: 10px 0px;
}
.squares .one-square.square-project-1 {
    background-image: url("../images/help_item_bg5.png"), url("../images/help_item_bg6.png"), url("../images/help_item_bg4_3.png");
    background-position: top left, bottom center, right 0% bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}
.squares .one-square.square-project-2 {
    background-image: url("../images/help_item_right_bg.png"), url("../images/help_item_bg3.png"), url("../images/help_item_bg4_3.png");
    background-position: top right, bottom center, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat;
}
.squares .one-square.square-project-3 {
    background-image: url("../images/help_bg_line.png");
    background-repeat: no-repeat;
    background-position: right 12% bottom;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.squares .one-square.square-project-3 .square-project-left {
    width: 40%;
}
.squares .one-square.square-project-3 .square-project-right {
    width: 60%;
}
.square-project-title {
    font-weight: bold;
    font-size: 38px;
    color: #202020;
    margin-bottom: 20px;
}
.square-project-description {
    font-size: 18px;
    color: #3A3A3A;
    margin-bottom: 130px;
}
.square-project-buttons {

}
.square-project-buttons .form_submit_button {
    padding: 20px 30px;
    font-size: 18px;
}
.square-project .squares .one-square.square-tariff {
    width: 100%;
}
.footer .column-title {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
}
.page-title {
    color: var(--second-site-color);
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 15px;
    position: relative;
}
.page-title .uuid-in-right {
    font-size: 16px;
    float: right;
    margin: 5px 0 10px;
}
.uploaded-files-container {
    margin: 25px 0 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.uploaded-files-container .one-file {
    width: 30%;
    position: relative;
    font-size: 0;
    margin: 0 1.5% 20px 1.5%;
}
.uploaded-files-container .one-file .file-image {

}
.uploaded-files-container .one-file .file-image img {
    width: 100%;
}
.uploaded-files-container .one-file .file-name {
    font-size: 16px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #0a2d8180;
    color: var(--second-text-color);
    text-decoration: none;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.save-file-container {
    display: none;
}
.save-file-container .custom-file-name {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    line-height: 20px;
    color: var(--first-site-color);
    /*background: transparent;*/
    box-shadow: 0 4px 5px 0 rgb(35 31 32 / 8%), 0 8px 10px 1px rgb(35 31 32 / 16%);
    border: none;
    border-bottom: 1px solid var(--second-site-color);
}
.save-file-container .form_submit_button.save-file-button {
    margin-left: 20px;
    margin-bottom: 0;
}
.admin-chose-file .save-file-container .form_submit_button.save-file-button {
    margin-left: 0;
    margin-top: 10px;
}
.files-sub-title {
    text-align: center;
    font-size: 32px;
    width: 100%;
    margin: 25px 0 20px;
    font-weight: 500;
}
.sub-container-for-user-edit {
    padding: 20px 10px;
    border: 2px solid #1e3684;
    background: #1e368418;
    border-radius: 8px;
    margin: 20px 0px;
}
.sub-container-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}
.form_submit_button.button-width-full {
    width: 100%;
}
.company-data-table {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1000px;
}
.company-data-table .company-data-table-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #ccc;
}
.company-data-table .company-data-table-item .key {
    width: 15%;
    border-right: 1px solid #ccc;
    padding: 5px 10px;
    margin: 10px 0;
    text-align: center;
    font-weight: 500;
}
.company-data-table .company-data-table-item .value {
    width: 85%;
    margin: 10px 0;
    text-align: center;
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: normal;
}
.button-for-files-group {

}
.form_submit_button ~ .form_submit_button.external-link.button-for-files-group {
    margin-left: 0;
}
.container-for-files-group {
    display: none;
}
.files-empty-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.container-for-files-group .uploaded-files-container {
    margin: 0;
}
.title-for-stage-of-case {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
}
.actual-stage-of-case-item {
    padding: 10px 10px 10px 40px;
    position: relative;
}
.actual-stage-of-case-item:before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #808080;
}
.actual-stage-of-case-item.select {
    font-weight: bold;
}
.comment-for-stage-container {
    padding: 20px 30px 30px 30px;
    margin: 20px 0;
    border-radius: 15px;
    border: 1px solid #000;
}
.comment-for-stage-container .title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.container-block-balance {
    width: 800px;
    max-width: 100%;
    margin: auto;
}
.block-balance-logo-container {
    text-align: center;
    margin: 50px 0 30px;
}
.block-balance-logo {
    max-width: 200px;
    max-height: 150px;
}
.tab-balance-container {

}
.tab-balance-headers {
    margin-bottom: 30px;
    border-radius: 100px;
    padding: 5px;
    background: #7ac1dc;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.tab-balance-header {
    cursor: pointer;
    background: transparent;
    padding: 20px;
    border-radius: 100px;
    transition: all 0.3s;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
}
.tab-balance-header.active {
    background: var(--second-site-color);
}
.tab-balance-contents {

}
.tab-balance-content {
    display: none;
}
.tab-balance-content.active {
    display: block;
}
.balance-line-one {
    border-radius: 15px;
    border: 1px solid #000;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}
.balance-line-one .left {
    width: 60%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.balance-line-one .left .sub-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.balance-line-one .left .sum {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.balance-line-one .right {
    width: 40%;
    padding: 15px;
    background: var(--second-site-color);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    color: var(--second-text-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}
.balance-line-one .image {
    font-size: 0;
    margin-right: 10px;
}
.balance-line-one .image svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}
.balance-line-two {
    margin: 30px 0;
}
.balance-line-two .sub-line {
    padding: 10px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.balance-line-two .sub-line .left {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.balance-line-two .sub-line .left .image {
    margin-right: 8px;
}
.balance-line-two .sub-line .left .value {

}
.balance-line-two .sub-line .right {
    width: 50%;
}
.balance-line-two .sub-line .right .description {
    border-radius: 4px;
    border: 1px solid #000;
    padding: 5px 15px;
}
.balance-line-three {
    border-radius: 15px;
    border: 1px solid #000;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}
.balance-line-three .left {
    width: 60%;
    padding: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.balance-line-three .left .sub-left {
    width: 45%;
}
.balance-line-three .left .sub-left .sub-title {
    font-size: 18px;
    font-weight: bold;
}
.balance-line-three .left .sub-left .sum {
    font-size: 24px;
    font-weight: bold;
}
.balance-line-three .left .sub-right {
    width: 55%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.balance-line-three .left .sub-right .image {
    font-size: 16px;
    color: #666666;
    margin-right: 10px;
}
.balance-line-three .left .sub-right .sub-lines {
    font-size: 12px;
    font-weight: 300;
}
.balance-line-three .right {
    width: 40%;
    padding: 15px;
    background: var(--second-site-color);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    color: var(--second-text-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}
.balance-line-three .right .image {
    margin-right: 10px;
}
.balance-line-four {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 15px;
    color: #000;
    background: var(--important-text-color);
    margin: 25px 0 60px;
    font-size: 20px;
    font-weight: bold;
}
.balance-line-four .text {

}
.balance-line-four .image {
    margin-left: 10px;
}
.tab-balance-description {

}
.tab-balance-description .title {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.tab-balance-description .content {
    background-color: #FCF2F1;
    padding: 25px 50px;
}
.tab-balance-description .content .big {
    font-size: 1.4rem;
}
.container-for-payment-account {
    margin: 30px 0 80px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.container-for-payment-account input {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.2s;
}

.container-for-payment-account button {
    width: auto;
    padding: 12px 24px;
    border-radius: 8px;
    margin-top: 10px;
}

@media screen and (min-width: 641px) {
    .container-for-payment-account {
        padding: 0 40px;
    }
    
    .container-for-payment-account button {
        margin-top: 0;
    }
}

.container-for-payment-account .ajax-answer {
    margin: 10px;
    font-weight: 600;
    color: #00c300;
    transition: all .3s ease-in;
    text-align: center;
}
.container-for-payment-account input.disabled {
    background: #ddd;
}
.container-for-payment-account button.disabled,
.contacts-button-container button.disabled {
    background: #777;
}
.title-for-confirmed-payment-account {
    text-align: center;
    margin: 20px 0 50px;
    font-size: 26px;
    font-weight: bold;
    color: var(--second-site-color);
}
.bank_log__for_payment_account {
    width: auto;
    max-width: 300px;
    max-height: 200px;
}
.contacts-button-container {
    margin: 20px 0 80px;
}
.contacts-button-container .form__submit {
    text-align: center;
}
.contacts-button-title {
    text-align: center;
    margin: 20px 0;
    font-size: 26px;
    font-weight: bold;
    color: var(--second-site-color);
}
.form_submit_button.contacts-button-send {
    padding: 15px 50px;
}
.contacts-button-container .ajax-answer {
    margin: 10px;
    font-weight: 600;
    color: #00c300;
    transition: all .3s ease-in;
    text-align: center;
}
.form-submit-add-file-to-message {
    position: relative;
}
.form-submit-add-file-to-message .ajax-loader {
    position: absolute;
    top: 100%;
    left: 0;
}
.text-disabled-for-payment-account {
    font-size: 1.5rem;
    color: var(--important-text-color);
    text-align: center;
    font-weight: bold;
}
.tinymce_active_button {
    text-decoration: none;
    color: var(--second-text-color);
    font-size: 14px;
    background: var(--first-site-color);
    padding: 8px 20px;
    border: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    transition: all 0.3s;
    margin-left: 5px;
    margin-bottom: 5px;
}
.container-for-payment-account .extra-answer {
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
    color: #00c300;
    text-align: left;
    display: none;
    border-radius: 20px;
    border: 2px solid #00c300;
    padding: 15px;
    clear: both;
}
.password-with-eye-container {
    position: relative;
}
.password-with-eye-container .eye-container {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 40px;
    cursor: pointer;
    font-size: 20px;
}
.password-with-eye-container .eye-container .eye-hide {
    display: inline-block;
}
.password-with-eye-container .eye-container .eye-visible {
    display: none;
}
.password-with-eye-container .eye-container.visible .eye-hide {
    display: none;
}
.password-with-eye-container .eye-container.visible .eye-visible {
    display: inline-block;
}
.section-heading__subtitle::before {
    bottom: 5px;
}

/* Payment Status Styles */
.payment-status-wrapper {
    margin-top: 24px;
}

.payment-status {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    width: fit-content;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid transparent;
}

.payment-status__icon {
    display: flex;
    align-items: center;
}

.payment-status--approved {
    background-color: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}

.payment-status--pending {
    background-color: #fffbeb;
    border-color: #fef08a;
    color: #854d0e;
}

.payment-status--declined {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.payment-status__note {
    margin-top: 8px;
    font-size: 13px;
    color: #4b5563;
    max-width: 400px;
}

.payment-status__note a {
    color: #3b82f6;
    text-decoration: underline;
}

/* Success message after submission */
.extra-answer {
    width: 100%;
    margin-top: 16px;
    padding: 12px 16px;
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    color: #166534;
    display: none;
}

.ajax-answer {
    margin-top: 8px;
    font-size: 13px;
    color: #4b5563;
    display: none;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-right: 8px;
}

.button-loader {
    display: inline-flex;
    align-items: center;
}

/* Payment Details Container */
.payment-details-container {
    margin-top: 2rem;
}

.payment-details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.payment-detail-card {
    background: white;
    border-radius: 10px;
    padding: 1.25rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.payment-detail-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.payment-detail-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.payment-detail-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
    color: #64748b;
}

.payment-detail-icon svg {
    width: 16px;
    height: 16px;
}

.payment-detail-title {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    margin: 0;
}

.payment-detail-value {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

/* Status Colors */
.payment-status--approved {
    border-left: 4px solid #10b981;
}

.payment-status--pending {
    border-left: 4px solid #f59e0b;
}

.payment-status--declined {
    border-left: 4px solid #ef4444;
}

/* Note */
.payment-status-note {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #475569;
}

.payment-status-note svg {
    margin-right: 0.5rem;
    color: #64748b;
}

.payment-status-note a {
    color: #3b82f6;
    text-decoration: underline;
}

@media screen and (max-width: 1400px) {
    .container {
        width: 1170px;
    }
    .header .main-menu ul li a {
        padding: 0px 12px;
    }
}
@media screen and (max-width: 1200px) {
    .container {
        width: 970px;
        position: relative;
    }
    .header {
        height: 55px;
    }
    .header .logo {
        width: 100px;
    }
    .header .container {
        justify-content: space-between;
        padding: 0px 30px;
    }
    .burger {
        display: inline-block;
        font-size: 18px;
        color: #fff;
    }
    .header .main-menu > ul {
        display: none;
        flex-direction: column;
        position: absolute;
        right: 0px;
        top: 100%;
        border: 1px solid #f5f5f5;
        border-top: none;
        max-height: calc(100vh - 125px);
        overflow: auto;
        background: var(--second-site-color);
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    .header .main-menu ul li a {
        justify-content: center;
        padding: 7px 40px !important;
        max-width: none;
    }
    .header .main-menu ul,
    .header .main-menu ul:not(.child-menu) {
        height: auto;
    }
    .header .main-menu li.parent.avatar-menu-item {
        width: auto;
        height: auto;
        border-radius: 0;
        background: none;
    }
    .header .main-menu ul li.parent.avatar-menu-item > a:after {
        display: inline-block;
    }
    .header .personal-in-header {
        padding-top: 3px;
    }
    .header .main-menu ul.child-menu {
        position: static;
        top: 0px;
        left: 0px;
        transform: none;
    }
    .header .main-menu ul li:hover a {
        color: var(--second-text-color);
    }
    .header .main-menu li.parent:hover > a:after {
        color: var(--second-text-color);
        transform: none;
    }
    .header .main-menu ul li.active > a {
        color: var(--second-text-color);
    }
    .header .main-menu li.parent.active > a:after {
        color: var(--second-text-color);
        transform: rotate(180deg);
    }
    form.form-with-background.form-registration {
        padding: 20px 5% 50px;
    }
    .squares .one-square {
        width: calc(50% - 60px);
        margin: 10px;
        padding: 20px 20px;
    }
    .squares .one-square.full-width {
        width: calc(100% - 60px);
    }
    .transfer-form input {
        width: 65%;
        padding: 10px 15px;
    }
    .marquee-container {
        margin-right: 0;
    }
    .widget-container .left-widget {
        width: 25%;
    }
    .widget-container .center-widget {
        width: 50%;
    }
    .widget-container .right-widget {
        width: 25%;
    }
    .squares .one-square.square-balance {
        width: calc(50% - 15px);
    }
    .squares .one-square.square-tariff {
        width: 100%;
        margin: 15px 0;
    }
    .main-title.with-right-link .external-link {
        margin-right: 0;
    }

    .squares .one-square.square-project-3 {
        flex-wrap: wrap;
    }
    .squares .one-square.square-project-3 .square-project-left {
        width: 100%;
    }
    .squares .one-square.square-project-3 .square-project-right {
        width: 100%;
    }
    .square-project-description {
        margin-bottom: 20px;
    }
    .square-project-title {
        font-size: 30px;
    }
    .squares .one-square.square-project-1,
    .squares .one-square.square-project-2 {
        background-size: auto, auto, auto 50%;
    }
    .squares .one-square.square-project {
        width: calc(50% - 50px);
    }
    .squares .one-square.full-width.square-project {
        width: calc(100% - 40px);
    }
    .page-wrapper {
        margin-top: 55px;
    }
    .company-data-table .uploaded-files-container .one-file {
        width: 47%;
    }
    .balance-line-three .left .sub-left .sub-title {
        font-size: 17px;
    }
    .chat-container .chat-form-container {
        padding: 5px 10px 10px;
    }
    .footer .logo {
        width: 300px;
    }
}




@media screen and (max-width: 1000px) {
    .container {
        width: 770px;
        position: relative;
    }
    .page-wrapper {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .column-50:last-child {
        padding-left: 15px;
    }
    .column-50:first-child {
        padding-right: 15px;
    }
    form.form-with-background {
        padding: 30px 20px;
    }
    .button-show-sidebar-mobile {
        display: inline-block;
        position: fixed;
        left: 0px;
        top: 40vh;
        background: var(--second-site-color);
        z-index: 150;
        padding: 15px 10px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        color: #fff;
        transition: all 0.5s;
    }
    .column-for-sidebar.active .button-show-sidebar-mobile {
        left: calc(50% + 15px);
    }
    .column-for-sidebar {
        width: 50%;
        position: fixed;
        top: 15px;
        left: calc(-50% - 15px);
        z-index: 150;
        overflow: auto;
        height: calc(100vh - 30px);
        transition: all 0.5s;
    }
    .column-for-sidebar.active {
        left: 15px;
    }
    .column-after-sidebar {
        width: 100%;
        margin: 0px;
    }
    .sidebar {
    }
    .backspace-sidebar-mobile {
        display: none;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.4);
        top: 0px;
        left: 0px;
    }
    .sidebar .profile-picture {
        margin: 0px auto 30px;
        max-width: 200px;
    }
    .tabs-links {
        padding: 20px 30px;
        border-bottom: 1px solid #d5d2d2;
        margin: 0px 50px 50px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .tabs-links {
        padding: 0px 0px 20px;
        margin: 20px 0px 20px;
    }
    .tabs-links .one-tab {
        margin: 0px 5px;
        padding: 7px 15px;
    }
    .widget-container .left-widget {
        width: 40%;
    }
    .widget-container .center-widget {
        width: 60%;
    }
    .widget-container .right-widget {
        display: none;
    }
    .marquee {
        width: 250px;
    }
    .background-image-auth-page {
        width: 100%;
    }
    .hide-in-tablet {
        display: none;
    }
    .squares .one-square.square-project-1,
    .squares .one-square.square-project-2 {
        background-size: auto, auto, auto 40%;
    }
    .footer .column {
        padding: 0px 20px;
    }
}




@media screen and (max-width: 800px) {
    .container {
        width: calc(100% - 30px);
        flex-wrap: wrap;
        padding: 0px 15px !important;
    }
    .column-50 {
        width: 100%;
        padding: 0px !important;
    }
    form {
        max-width: 500px;
        margin: auto !important;
    }
    .footer {
        padding: 30px 0px 30px;
    }
    .mobile-hide {
        display: none;
    }
    .desktop-hide {
        display: block;
    }
    .footer .logo {
        margin: 0px auto 20px;
    }
    .footer .footer-text {
        text-align: center;
        /*margin-top: 30px;*/
    }
    .footer .copyright {
        text-align: center;
        margin-top: 30px;
    }
    .footer .footer-menu ul {
        align-items: center;
    }
    .tabs-registration .tabs-registration-button {
        margin: 5px;
    }
    .squares .one-square {
        width: calc(100% - 60px);
    }
    .squares .one-square .square-title {
        margin-bottom: 15px;
    }
    .form-with-column {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .form-with-column .form-column-left {
        border-right: none;
        padding-right: 0px;
    }
    .form-with-column .form-column-right {
        padding-left: 0px;
    }
    .mini-sidebar {
        display: none;
    }
    .main-title {
        font-size: 24px;
    }
    .personal-data-container .title {
        font-size: 18px;
    }
    .widget-container {
        padding: 0 !important;
    }
    .header .personal-in-header a.personal {
        display: none;
    }
    .square-tariff-sub-title {
        margin-right: 0;
    }
    .square-tariff-third-line {
        padding: 30px 30px 24px 30px;
    }
    .square-tariff-horizontal-text {
        width: 45%;
    }
    .square-balance-price {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .square-balance-buttons .form_submit_button {
        font-size: 16px;
        padding: 10px 25px;
        font-weight: 400;
    }
    .squares .one-square.square-project {
        width: calc(100% - 40px);
    }
    .footer .column-title {
        margin-top: 30px;
        margin-bottom: 0;
        text-align: center;
    }
    .footer .column,
    .footer .column:first-child,
    .footer .column:last-child {
        padding: 0;
    }
    .footer .footer-menu {
        margin-top: 0;
    }
    .personal-area-columns .column {
        width: 100%;
        padding: 0 0px;
    }
    .personal-area-columns {
        flex-wrap: wrap;
    }
    .white-container {
        padding: 20px;
        width: 100%;
        overflow-x: hidden;
    }

    .container {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .column-after-sidebar {
        width: 100%;
        padding: 0;
    }

    .personal-data-table .personal-data-table-item {
        flex-wrap: wrap;
    }

    .personal-data-table .personal-data-table-item .key,
    .personal-data-table .personal-data-table-item .value {
        width: 100%;
        padding: 5px 0;
        text-align: left;
    }
}






@media screen and (max-width: 600px) {
    .header {
        height: 55px;
        padding: 0px;
    }
    .header .main-menu ul li a {
        padding: 3px 20px;
    }
    .header .main-menu > ul {
        width: 100%;
    }
    .header .logo {
        width: 100px;
        /*display: inline-block;*/
        opacity: 1;
    }
    .header.scroll .logo {
        width: 100px;
    }
    .header .logo.logo-absolute {
        display: none;
    }
    .content-text-with-icon-left .content-icon {
        width: 50px;
    }
    .chose-file .one-file {
        width: 100%;
    }
    .chose-file .form__submit {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .chose-file .file-name {
        margin: 5px 0px 0px;
    }
    .column-for-sidebar {
        width: calc(100% - 50px);
        left: calc(-100% - 30px);
    }
    .column-for-sidebar.active .button-show-sidebar-mobile {
        left: calc(100% - 35px);
    }
    .personal-data-container {
        flex-wrap: wrap;
    }
    .personal-data-container .image-container {
        width: 100%;
        padding: 0px;
    }
    .personal-data-container .data-container {
        width: 100%;
        margin: 0px;
    }
    .personal-data-container .image-container .profile-picture-edit {
        /*max-width: 300px;*/
    }
    .personal-data-container .title {
        margin-bottom: 15px;
    }
    .personal-data-table .personal-data-table-item {
        padding: 10px 0px;
    }
    .tabs-links {
        flex-wrap: wrap;
    }
    .tabs-links .one-tab {
        width: 100%;
    }
    .get-card .choosing-payment-system {
        flex-wrap: wrap;
    }
    .get-card .choosing-payment-system .one-payment-system {
        width: 80px;
        margin: 5px;
    }
    .get-card .chose-card {
        flex-wrap: wrap;
    }
    .get-card .chose-card .one-card {
        width: 220px;
        margin: 5px;
    }
    .get-card .chose-currencies {
        flex-wrap: wrap;
    }
    .get-card .chose-currencies .one-currencies {
        margin: 5px;
    }
    .table-block table th,
    .table-block table td {
        min-width: 45px;
        word-break: break-word;
    }
    .table-block.big-table table th,
    .table-block.big-table table td {
        min-width: 100px;
    }
    .chat-container {
        width: 100%;
        /*margin: 15px 0px;*/
    }
    .chat-container .chat-dialog {
        width: calc(100% - 20px);
        padding: 30px 10px 15px;
    }
    .chat-container .chat-dialog .chat-message-container .chat-message {
        max-width: 82%;
        padding: 10px 10px;
    }
    .chat-container .chat-form-container .chat-form button {
        margin-left: 7px;
        width: 38px;
        height: 38px;
    }
    .chat-container .chat-form-container .chat-form button.add-file-to-message {
        margin-right: 7px;
    }
    form {
        padding: 30px 20px;
        width: auto;
    }
    .form-with-column .form-column-left {
        max-width: 100%;
    }
    form.form-big-input select,
    form.form-big-input input,
    form.form-big-input textarea {
        min-width: unset;
    }
    form .form_input_div a {
        word-break: break-all;
    }
    .chose-file {
        margin: 20px 0px 0px;
    }
    .personal-data-table .personal-data-table-item .key {
        width: 50%;
    }
    .personal-data-table .personal-data-table-item .value {
        width: 50%;
        word-wrap: break-word;
    }
    .marquee-container {
        display: none;
    }
    .widget-container .left-widget {
        display: none;
    }
    .widget-container .center-widget {
        width: 100%;
    }
    .squares .one-square.square-balance {
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    .squares .one-square.square-tariff {
        margin: 10px 0;
    }
    .square-tariff-first-line {
        padding: 20px 20px 15px 20px;
        flex-wrap: wrap;
    }
    .square-tariff-title {
        margin-right: 0;
        margin-bottom: 5px;
    }
    .square-tariff-second-line {
        padding: 0 20px;
        flex-wrap: wrap;
    }
    .square-tariff-progress-bar-container {
        border-right: none;
        padding-right: 0;
        width: 100%;
        padding-bottom: 10px;
    }
    .square-tariff-vertical-text-container {
        width: 49%;
        padding: 0 0 10px;
        text-align: center;
    }
    .square-tariff-horizontal-text {
        width: 100%;
        margin-bottom: 5px;
    }
    .square-tariff-third-line {
        padding: 15px 20px 15px 20px;
    }
    form .form-title {
        font-size: 32px;
        line-height: 1.1;
    }
    .white-container {
        padding: 20px;
    }
    .uploaded-files-container .one-file {
        width: 47%;
    }
    .chose-file .document-type-name {
        text-align: center;
    }
    .save-file-container {
        text-align: center;
    }
    .save-file-container .custom-file-name {
        width: 80%;
        margin-bottom: 15px;
        text-align: center;
    }
    .save-file-container .form_submit_button.save-file-button {
        margin-left: 0;
    }
    .uploaded-files-container {
        justify-content: center;
    }
    .page-title {
        line-height: 1.2;
    }
    .company-data-table .uploaded-files-container .one-file {
        width: 90%;
        margin: 0 0 20px 0;
    }
    .company-data-table.company-data-table-with-files .company-data-table-item {
        flex-wrap: wrap;
    }
    .company-data-table.company-data-table-with-files .company-data-table-item .key {
        width: 100%;
        text-align: center;
        border: none;
        margin: 0;
    }
    .company-data-table.company-data-table-with-files .company-data-table-item .value {
        width: 100%;
        margin: 0;
    }
    .balance-line-one {
        flex-wrap: wrap;
    }
    .balance-line-one .left {
        width: 100%;
    }
    .balance-line-one .right {
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .balance-line-three {
        flex-wrap: wrap;
    }
    .balance-line-three .left {
        width: 100%;
    }
    .balance-line-three .right {
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .balance-line-two .sub-line .left {
        width: 35%;
    }
    .balance-line-two .sub-line .right {
        width: 65%;
    }
    .block-balance-logo-container {
        margin: 30px 0 30px;
    }
    .bank_log__for_payment_account {
        max-width: 200px;
        max-height: 150px;
    }
}






@media screen and (max-width: 450px) {
    .transfer-form input {
        width: calc(100% - 30px);
        margin-bottom: 8px;
    }
    .transfer-form button {
        margin: 0px;
        padding: 8px 25px;
    }
    .header .course {
        display: none !important;
    }
    .get-card .sub-title {
        word-wrap: break-word;
    }
    .accordions-container .accordion-item {
        padding: 17px 45px 17px 20px;
    }
    .accordions-container .accordion-item .accordion-header:after {
        top: 12px;
        right: 15px;
        font-size: 30px;
    }
    .uploaded-files-container .one-file {
        width: 90%;
        margin: 0 0 20px 0;
    }
    .company-data-table .company-data-table-item {
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .company-data-table .company-data-table-item .key {
        width: 100%;
        text-align: center;
        border: none;
        margin: 0 0 5px 0;
        font-weight: bold;
        font-size: 1rem;
        padding: 0 10px;
    }
    .company-data-table .company-data-table-item .value {
        width: 100%;
        text-align: center;
        word-break: break-all;
        overflow-wrap: break-word;
        white-space: normal;
    }
    .comment-for-stage-container {
        padding: 20px 10px;
    }
    .block-balance-logo-container {
        margin: 25px 0 10px;
    }
    .tab-balance-headers {
        margin-bottom: 20px;
    }
    .tab-balance-header {
        padding: 10px;
        text-transform: none;
    }
    .balance-line-one .left .sum {
        line-height: 1;
    }
    .balance-line-one .left {
        padding: 10px;
    }
    .balance-line-two {
        margin: 10px 0;
    }
    .balance-line-two .sub-line {
        padding: 5px 10px;
        flex-direction: column-reverse;
        text-align: center;
    }
    .balance-line-two .sub-line .left {
        width: 100%;
        justify-content: center;
    }
    .balance-line-two .sub-line .right {
        width: 100%;
    }
    .balance-line-three .left {
        padding: 10px;
        flex-wrap: wrap;
    }
    .balance-line-three .left .sub-left {
        width: 100%;
        text-align: center;
    }
    .balance-line-three .left .sub-left .sum {
        line-height: 1;
    }
    .balance-line-three .left .sub-right {
        justify-content: center;
        margin-top: 8px;
    }
    .balance-line-three .left .sub-right {
        width: 100%;
    }
    .title-for-confirmed-payment-account {
        font-size: 24px;
    }
    .contacts-button-title {
        font-size: 24px;
    }
    .personal-data-table .personal-data-table-item {
        flex-wrap: wrap;
    }
    .personal-data-table .personal-data-table-item .key {
        width: 100%;
        text-align: center;
        padding: 0;
        font-weight: bold;
    }
    .personal-data-table .personal-data-table-item .value {
        width: 100%;
        text-align: center;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .footer .logo {
        width: 280px;
    }

    .hidden-input {
        display: none;
    }

    .profile-picture-edit {
        cursor: pointer;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        overflow: hidden;
        margin: 15px auto;
        border: 2px solid #ddd;
    }

    .profile-picture-edit img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .save-file-container {
        display: none;
        margin-top: 15px;
        align-items: center;
    }

    .custom-file-name {
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        flex-grow: 1;
        margin-right: 10px;
    }

    .save-file-button {
        padding: 8px 16px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    .save-file-button:hover {
        background-color: #45a049;
    }

    .ajax-answer {
        margin-top: 10px;
    }

    .ajax-answer .success {
        color: green;
    }

    .ajax-answer .error {
        color: red;
    }

    .file-name {
        display: inline-block;
        vertical-align: middle;
    }

    .files-list {
        margin-top: 20px;
    }

    .file-item {
        display: flex;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }

    .file-icon {
        margin-right: 15px;
        color: #e74c3c;
        font-size: 20px;
    }

    .file-info {
        flex-grow: 1;
    }

    .file-name {
        font-weight: 500;
    }

    .file-date {
        font-size: 12px;
        color: #777;
    }

    .file-actions {
        display: flex;
        gap: 10px;
    }

    .file-actions button, .file-actions a {
        background: none;
        border: none;
        cursor: pointer;
        color: #3498db;
        font-size: 16px;
    }

    .file-actions button:hover, .file-actions a:hover {
        color: #2980b9;
    }

    .no-files {
        width: 100%;
        text-align: center;
        margin: 20px 0;
        color: #777;
        font-style: italic;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.form-response {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
}

.form-response.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.form-response.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

@media screen and (max-width: 768px) {
    .column-for-sidebar {
        width: 85%;
        position: fixed;
        top: 15px;
        left: -100%;
        z-index: 150;
        overflow: auto;
        height: calc(100vh - 30px);
        transition: all 0.5s;
        margin-right: 0;
    }

    .column-for-sidebar.active {
        left: 15px;
    }

    .column-after-sidebar {
        width: 100%;
        margin: 0;
    }

    .button-show-sidebar-mobile {
        display: inline-block;
        position: fixed;
        left: 0;
        top: 40vh;
        background: var(--second-site-color);
        z-index: 150;
        padding: 15px 10px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        color: #fff;
        transition: all 0.5s;
    }

    .column-for-sidebar.active .button-show-sidebar-mobile {
        left: calc(85% + 15px);
    }
}

@media screen and (max-width: 640px) {
    .container-for-payment-account {
        margin: 15px 0 40px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .container-for-payment-account input {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px !important;
        margin-bottom: 10px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
    }

    .container-for-payment-account button {
        width: 100% !important;
        padding: 12px !important;
        border-radius: 8px !important;
        margin: 0 !important;
    }

    .white-container {
        padding: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media screen and (max-width: 767px) {
    .personal-data-container .image-container .profile-picture-edit {
        width: 120px;
        height: 120px;
    }
}

.personal-data-container .title {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
    text-align: center;
    color: var(--second-site-color);
    width: 100%;
}

.form_submit_button.save-user-security {
    background: #00C853;
    color: #ffffff;
    border-radius: 8px;
    padding: 12px 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
}

.form_submit_button.save-user-security:hover {
    background: #00a844;
    box-shadow: 0 4px 8px rgba(0, 200, 83, 0.2);
}

/* Мобильные стили для блока настроек */
@media screen and (max-width: 768px) {
    .personal-data-container {
        padding: 20px;
        margin: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .personal-data-table .personal-data-table-item {
        flex-direction: column;
        align-items: center;
        padding: 15px 0;
        width: 100%;
        box-sizing: border-box;
    }

    .personal-data-table .personal-data-table-item .key {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 1.4;
    }

    .personal-data-table .personal-data-table-item .value {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }

    .personal-data-table .personal-data-table-item .value input {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }
}

.personal-data-container .alert {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
}

.personal-data-container .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.personal-data-container .alert-danger ul {
    margin: 0;
    padding-left: 20px;
}

.personal-data-container .alert-danger li {
    margin-bottom: 5px;
}

.personal-data-container .alert-danger li:last-child {
    margin-bottom: 0;
}

.personal-data-container .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

@media screen and (max-width: 768px) {
    .personal-data-container .alert {
        padding: 12px;
        margin-bottom: 15px;
        font-size: 14px;
    }
    
    .personal-data-container .alert-danger ul {
        padding-left: 15px;
    }
}