:root {
    --pp_bg: #f1f1f1; /* Цвет фона всего сайта */



    --pp_fg: #0f172a;


    --pp_br_btn: 10px;
    --pp_br_card: 20px;

    --pp_muted: #475569;
    --pp_border: #0f172a14;
    --pp_primary: #29b1fd;
    --pp_primary_ink: #ffffff;
    --pp_accent: #090979;
    --pp_radius_sm: 8px;
    --pp_radius_md: 12px;
    --pp_shadow_sm: 0 4px 18px #0f172a14;
    --pp_focus: 0 0 0 3px #29b1fd59;


    --pp_gd: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%); /* Фирменный цвет градиента */
    --pp_gd_hover: linear-gradient(90deg, #29b1fd 0%, #090979 65%, #00132b 100%); /* Фирменный цвет градиента при hover */


    --pp_tr: all 0.3s /* Общая скорость анимации */
}






body {
    font-size: 14px;
    line-height: 22px;
    color: var(--pp_fg);
    background: var(--pp_bg);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a,
a:focus {
    color: var(--pp_primary);
    transition: all 0.3s;
}
a:hover {
    color: var(--pp_muted);
    text-decoration: none;
}

button,
button:focus,
button:hover {
    transition: all 0.3s;
    text-decoration: none;
    box-shadow: none;
}

:where(a, button, [role="button"], input, select, textarea, .btn):focus-visible {
    outline: none !important;
    box-shadow: var(--pp_focus) !important;
}

input.form-control,
textarea.form-control,
select.form-control,
input.form-control:hover,
textarea.form-control:hover,
select.form-control:hover {
    min-height: 45px !important;
    border: 1px solid #29b1fd66 !important;
    border-radius: 10px !important;
    padding: 10px 15px;
    color: #00132b !important;
    background: #fff !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
    border: 1px solid #29b1fd !important;
}


/*При регистрации иконки у строк ввода*/
#registration .prepend-icon .field-icon {
    top: 5px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    border-radius: 10px 0 0 10px;
}


code {
    padding: 2px 5px;
    background: #ebeef1;
    border-radius: 5px;
    white-space: nowrap;
}

/*Блок авторизации*/
.login_check {
    cursor: pointer;
    margin: 0 0 20px 0;
}
.login_check_input {
    margin: 0;
    width: 20px;
    height: 20px;
}
/*Окончание блока авторизации*/


/*Общие стили*/

.h1 {
    text-align: center;
    color: #000;
    font-weight: 600;
    font-style: normal;
    font-size: 30px;
    letter-spacing: normal;
}
.h1_text {
    text-align: center;
    color: #475569;
    width: 50%;
    margin: 0 auto;
}


.trademark {
    font-style: italic;
    letter-spacing: 1px;
    font-size: 130%;
}

.card {
    border-radius: var(--pp_br_card);
    border: 1px solid #29b1fd4d;
    -webkit-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    -moz-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.card-header:first-child {
    border: none;
    background: #29b1fd12;
    border-radius: calc(18px - 1px) calc(18px - 1px) 0 0;
}
.card-footer:last-child {
    border: none;
    background: #fff;
    border-radius: 0 0 calc(20px - 1px) calc(20px - 1px);
}

.modal-header {
    background: #475569 !important;
    color: #fff;
    border-radius: 18px 18px 0 0;
}
.modal-header > .close {
    outline: none !important;
}
.modal-title {
    font-weight: 400;
}
.modal-content {
    border-radius: 20px;
}

.agreement {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 0 20px 0;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #29b1fd26;
    background: #f8fbff;
    padding: 10px;
    border-radius: var(--pp_br_card);
}
.agreement > input,
.agreement > div > input {
    width: 25px;
    height: 25px;
    margin: 0 0 0 5px;
}
.agreement > span {
    margin: 0 0 0 40px;
}

#order-standard_cart .prepend-icon .field-icon {
    top: 5px !important;
}


.list-group-item.active {
    position: relative;
    overflow: hidden;
    border: 1px solid transparent !important;
    background: linear-gradient(90deg, #00132b 0%, #090979 17.5%, #29b1fd 50%, #090979 82.5%, #00132b 100%) padding-box, linear-gradient(90deg, #00132b 0%, #090979 17.5%, #29b1fd 50%, #090979 82.5%, #00132b 100%) border-box;
    background-size: 200% 100%, 200% 100%;
    background-position: 0% 50%, 0% 50%;
    transition: color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-position 0.4s ease;
    font-weight: 300;
    border-radius: var(--pp_br_card) !important;
}

.sidebar .list-group-item.active,
.sidebar .list-group-item.active:focus,
.sidebar .list-group-item.active:hover {
    position: relative;
    overflow: hidden;
    border: 1px solid transparent !important;
    background: linear-gradient(90deg, #00132b 0%, #090979 17.5%, #29b1fd 50%, #090979 82.5%, #00132b 100%) padding-box, linear-gradient(90deg, #00132b 0%, #090979 17.5%, #29b1fd 50%, #090979 82.5%, #00132b 100%) border-box;
    background-size: 200% 100%, 200% 100%;
    background-position: 0% 50%, 0% 50%;
    transition: color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-position 0.4s ease;
    font-weight: 300;
    border-radius: var(--pp_br_card);
}
.sidebar .list-group-item,
.sidebar .list-group-item:focus {
    border: 1px solid transparent !important;
    font-weight: 300;
    border-radius: var(--pp_br_card);
}
.sidebar .list-group-item:hover {
    color: #fff;
    border: 1px solid transparent !important;
    background: linear-gradient(90deg, #00132b 0%, #090979 17.5%, #29b1fd 50%, #090979 82.5%, #00132b 100%) padding-box, linear-gradient(90deg, #00132b 0%, #090979 17.5%, #29b1fd 50%, #090979 82.5%, #00132b 100%) border-box;
    background-size: 200% 100%, 200% 100%;
    background-position: 0% 50%, 0% 50%;
    transition: color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-position 0.4s ease;
}





.request_modal .request_modal_content {
    border: 1px solid #29b1fd33;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 20px 40px 0 #0f172a1f;
    -moz-box-shadow: 0 20px 40px 0 #0f172a1f;
    box-shadow: 0 20px 40px 0 #0f172a1f;
}
.request_modal .request_modal_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 20px 15px 20px;
    background: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%) !important;
}
.request_modal .request_modal_title {
    margin: 0 0 5px 0;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}
.request_modal .request_modal_text {
    color: #ffffffd9;
    font-size: 14px;
    line-height: 22px;
}
.request_modal .request_modal_body {
    padding: 20px;
    background: #fff;
}
.request_form_alert {
    margin: 0 0 15px 0;
}
.request_form_row {
    display: flex;
    gap: 15px;
    margin: 0 0 15px 0;
}
.request_form_col {
    flex: 1 1 0;
}
.request_form_group {
    margin: 0 0 15px 0;
}
.request_form_optional_toggle_wrap {
    margin: 10px 0 20px 0;
    text-align: right;
}
.request_form_optional_toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #29b1fd;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    cursor: pointer;
    outline: none !important;
    transition: color 0.2s ease;
}
.request_form_optional_toggle:focus,
.request_form_optional_toggle:hover {
    color: #29b1fd;
}
.request_form_optional_toggle[aria-expanded="true"] {
    color: #00132b;
}
.request_form_optional_toggle_note {
    color: #64748b;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.request_form_message_group {
    margin-top: -5px;
}
.request_form_label {
    display: block;
    margin: 0 0 7px 0;
    color: #00132b;
    font-size: 14px;
    font-weight: 500;
}
.request_form_label > span {
    font-size: 15px;
    color: #ff0000;
}
.request_form_optional {
    color: #64748b !important;
    font-weight: 400;
}
.request_form_textarea,
.request_form_textarea:focus {
    min-height: 140px;
    resize: vertical;
}
.request_form_captcha {
    margin: 0 0 15px 0;
    padding: 8px 10px;
    border: 1px solid #29b1fd26;
    border-radius: 14px;
    background: #f8fbff;
}
.request_form_captcha_inline {
    margin: 0 0 15px 0;
    text-align: center;
}
.request_form_captcha_widget {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 52px;
    overflow: hidden;
}
.request_form_captcha_widget > * {
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.5);
    transform-origin: top center;
}
.request_form_captcha_error {
    margin: 8px 0 0 0;
    color: #dc2626;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
.request_form_agreement {
    margin-bottom: 0;
}
.request_form_agreement > span {
    font-size: 12px;
    line-height: 16px;
}
.request_form_submit[disabled],
.request_form_submit[disabled]:focus,
.request_form_submit[disabled]:hover {
    cursor: not-allowed;
    opacity: 0.7;
}
.request_form_success {
    padding: 20px 10px 10px 10px;
    text-align: center;
}
.request_form_success_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 0 15px 0;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    background: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%);
}
.request_form_success_title {
    margin: 0 0 8px 0;
    color: #00132b;
    font-size: 24px;
    font-weight: 600;
}
.request_form_success_text {
    max-width: 360px;
    margin: 0 auto;
    color: #475569;
    font-size: 14px;
    line-height: 22px;
}
@media (max-width: 575px) {
    .request_form_row {
        flex-direction: column;
    }
    .request_modal .request_modal_title {
        font-size: 16px;
    }
}







.alert {
    border-radius: 15px;
}
.alert-danger {
    border: none;
    border-left: 3px solid #ff0000;
    border-right: 3px solid #ff0000;
}
.alert-info {
    border: none;
    border-left: 3px solid #00b8d4;
    border-right: 3px solid #00b8d4;
}

.input-group-append > button,
.input-group-append > button:focus,
.input-group-append > button:hover {
    border-radius: 0 8px 8px 0 !important;
    font-size: 12px;
}

.mc-promo-login {
    border: none;
}

.btn_promo,
.btn_promo:focus,
.btn_promo:hover {
    background: #475569;
    border: 1px solid #475569;
    color: #fff;
    padding: 7px 10px !important;
    border-radius: 15px;
    font-size: 15px;
}

/*Начало кнопок*/
.btn,
.btn:focus,
.btn:focus-visible,
.btn:hover {
    box-shadow: none;
    outline: none !important;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 300;
    border-radius: var(--pp_br_btn);
    transition: all 0.3s;
}
.btn.btn-lg,
.btn.btn-lg:focus,
.btn.btn-lg:focus-visible,
.btn.btn-lg:hover {
    font-size: 20px;
}
.btn-primary,
.btn-primary:focus {
    color: #fff;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent !important;
    background:
    linear-gradient(90deg,
    #00132b 0%,
    #090979 17.5%,
    #29b1fd 50%,
    #090979 82.5%,
    #00132b 100%) padding-box,
    linear-gradient(90deg,
    #00132b 0%,
    #090979 17.5%,
    #29b1fd 50%,
    #090979 82.5%,
    #00132b 100%) border-box;
    background-size: 200% 100%, 200% 100%;
    background-position: 0% 50%, 0% 50%;
    transition: color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    background-position 0.4s ease;
}
.btn-primary:hover {
    color: #fff;
    background-position: 100% 50%, 100% 50%;
}
.btn-primary::before,
.btn-primary::after {
    display: none;
}

.btn-primary-two,
.btn-primary-two:focus {
    /* font-size: 16px; */
    color: #29b1fd;
    background: #fff;
    border-color: #29b1fd;
}
.btn-primary-two:hover {
    color: #fff;
    background: #29b1fd;
    border-color: #29b1fd;
}

.btn-outline-primary,
.btn-outline-primary:focus {
    font-size: 16px;
    color: #29b1fd;
    background: #fff;
    border-color: #29b1fd;
}
.btn-outline-primary:hover {
    color: #fff;
    background: #475569;
    border-color: #475569;
}
.btn-outline-primary-two,
.btn-outline-primary-two:focus {
    font-size: 16px;
    color: #475569;
    background: #fff;
    border-color: #475569;
}
.btn-outline-primary-two:hover {
    color: #fff;
    background: #475569;
    border-color: #475569;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background: #29b1fd;
    border-color: #29b1fd;
}

/*Окончание кнопок*/

/*Начало стилей для страниц с информацией и прокручиваемым меню*/
.info_head_icon {
    font-size: 170px;
    padding: 25px;
}
.info_head_text {
    font-size: 16px;
    background: #29b1fd1c;
    padding: 20px;
    border-radius: 20px;
    margin: 0;
    -webkit-box-shadow: 4px 4px 1px 0 #47556933;
    -moz-box-shadow: 4px 4px 1px 0 #47556933;
    box-shadow: 4px 4px 1px 0 #47556933;
}
.info_head_about {
    text-align: center;
    font-size: 16px;
    margin: 0;
}
.info_h2 {
    color: #000;
    text-align: center;
    font-size: 25px;
    margin: 50px 0 30px 0;
}
.info_h3 {
    color: #29b1fd;
    font-size: 20px;
    font-weight: 500;
    padding: 0 5px 1px 5px;
}
.info_fast_menu {
    background: #fff;
    padding: 20px;
    margin: 0 0 30px 0;
    border: 1px solid #47556933;
    border-radius: 20px;
    -webkit-box-shadow: 4px 4px 1px 0 #47556933;
    -moz-box-shadow: 4px 4px 1px 0 #47556933;
    box-shadow: 4px 4px 1px 0 #47556933;
    max-height: 100vh;
    overflow-y: scroll;
    /* Скрыть скроллбар, сохранив прокрутку */
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.info_fast_menu_toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid #47556933;
    border-radius: 16px;
    background: #fff;
    color: #475569;
    font-weight: 600;
    box-shadow: 4px 4px 1px 0 #47556933;
}
.info_fast_menu_toggle_icon {
    margin-left: auto;
    transition: transform .2s ease;
}
.info_fast_menu_toggle[aria-expanded="true"] .info_fast_menu_toggle_icon {
    transform: rotate(180deg);
}
.info_fast_menu_toggle:hover,
.info_fast_menu_toggle:focus {
    color: #1e293b;
    background: #f8fafc;
}
.info_fast_menu::-webkit-scrollbar {
    display: none;
}
.info_fast_menu_title {
    font-size: 18px;
    font-weight: 500;
    padding: 0 0 5px 5px;
}
.info_ul {
    font-size: 16px;
    padding: 0;
}
.info_ul > li {
    list-style: none;
    margin: 0 0 10px 0;
}
.info_ul > li > a,
.info_ul > li > a:focus {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #29b1fd8f;
    color: #00132b;
}
.info_ul > li > a:hover {
    background: #00132b;
    color: #fff;
    -webkit-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    -moz-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.info_ul > li > a.active {
    background: #00132b;
    color: #fff;
    -webkit-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    -moz-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.info_ul > li::marker {
    color: #29b1fd;
}
.info_ul_category {
    list-style: none;
    margin: 0 0 15px 0;
}
.info_ul_category_title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px;
    border-radius: 0;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    background: #475569;
    margin: 0 -20px 10px -20px;
}
.info_ul_sublist {
    font-size: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.info_ul_sublist > li {
    margin: 0 0 10px 0;
}
.info_ul_sublist > li > a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #47556933;
    color: #475569;
}
.info_ul_sublist > li > a:hover,
.info_ul_sublist > li > a:focus {
    background: #475569;
    color: #fff;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.info_ul_sublist > li > a.active {
    background: #475569;
    color: #fff;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.info_block {
    background: #fff;
    border: 1px solid #29b1fd4d;
    padding: 20px;
    border-radius: 20px;
    margin: 0 0 30px 0;
    -webkit-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    -moz-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.info_block > ul > li {
    margin: 0 0 10px 0;
}



.info_voz_h3 {
    text-align: center;
    color: #29b1fd;
    font-size: 20px;
    font-weight: 400;
    border-radius: 10px;
    margin: 0 0 10px 0;
}
.info_voz_ul_category_title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    padding: 2px 16px;
    color: #29b1fd;
    border-radius: 10px;
    margin: 0 0 5px 0;
}
.info_voz_category {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    line-height: 34px;
    font-weight: 400;
    padding: 2px 25px;
    color: #fff;
    background: #475569;
    border-radius: 15px 15px 0 0;
    margin: 0 0 0 30px;
}
.info_voz_category > i {
    font-size: 16px;
}
@media (min-width: 992px) {
    #infoFastMenuCollapse {
        display: block !important;
    }
    .info_fast_menu {
        position: sticky;
        top: 1rem;
    }
}
/*Окончание стилей для страниц с информацией и прокручиваемым меню*/

/*Начало страницы - Возможности платформы*/
.vozmozhnosti .vozm_h_icon {
    color: #29b1fd;
    margin: 0 10px 0 0;
}
/*Окончание страницы - Возможности платформы*/



.free_up {
    margin: 30px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.free_up .free_up_block {
    border-radius: 20px;
    border: 1px solid #29b1fd4d;
    -webkit-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    -moz-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.free_up .free_up_inner {
    position: relative;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
}
.free_up .free_up_offer {
    position: absolute;
    top: 5px;
    right: -15px;
    color: #fff;
    background: #0f172a;
    padding: 6px 14px;
    transform: rotate(10deg);
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
}
.free_up .free_up_title {
    color: #29b1fd;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 5px 8px 5px;
}
.free_up .free_up_text {
    font-size: 14px;
    line-height: 20px;
    color: #475569;
    margin: 0;
    word-break: break-word;
}
.free_up .free_up_icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #e7f1ff;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
/*Окончание общих стилей*/


/*Начало шапки*/
header.header {
    z-index: 9;
    background: transparent;
    margin-bottom: 20px;
}
header.header .logo-img {
    max-width: 300px;
}
.nav_header {
    min-height: 20px;
    margin: 0;
    padding: 0;
    border: none;
    background: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%);
    border-top: 1px solid #0000000f;
    -webkit-box-shadow: 0 4px 5px 0 #0000001a;
    -moz-box-shadow: 0 4px 5px 0 #0000001a;
    box-shadow: 0 4px 5px 0 #0000001a;
}
.nav_header .nav_header_list {
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.nav_header .nav_header_list > * {
    flex: 1 1 0;
}
.nav_header .nav_header_item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 10px;
    padding: 10px 0;
}
.nav_header .nav_header_item > span {
    display: flex;
    background: #fff;
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 50%;
}
.nav_header .nav_header_item > span > svg {
    color: #000;
    width: 15px;
    height: 15px;
}
.nav_header .nav_header_item > div > a,
.nav_header .nav_header_item > div > a:focus {
    display: inline-flex;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    padding: 0 5px;
}
.nav_header .nav_header_item > div > a:hover {
    text-decoration: underline;
}
.nav_header .nav_header_item > a,
.nav_header .nav_header_item > a:focus {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #00132b;
    color: #fff !important;
    padding: 5px 25px;
    font-size: 18px;
    line-height: 22px;
    margin-top: -1px;
    border-radius: 15px;
}
.nav_header .nav_header_item > a:hover {
    background: #fff;
    color: #00132b !important;
}
.nav_header .nav_header_item > a > i,
.nav_header .nav_header_item > a:focus > i,
.nav_header .nav_header_item > a:hover > i {
    color: #29b1fd;
}
.nav_center {
    padding: 15px 0;
    background: #fff;
}
.nav_center > .container > .nav_center_mob > a {
    position: relative;
}
.nav_center > .container > .nav_center_mob > a:after {
    content: 'alpha';
    width: auto;
    height: auto;
    position: absolute;
    top: -7px;
    right: -5px;
    padding: 0 9px;
    border-radius: 4px;
    color: #fff;
    background: #29b1fd;
    font-size: 12px;
}
.nav_center .nav_center_ul {
    gap: 40px;
    align-items: center;
}
.nav_center .nav_center_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    color: #475569;
    background: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    border-radius: 50%;
}
.nav_center .nav_center_phone,
.nav_center .nav_center_phone:focus {
    display: inline-flex;
    align-items: center;
    color: #000 !important;
    font-size: 22px !important;
    font-weight: 500;
}
.nav_center .nav_center_phone:hover {
    color: #29b1fd !important;
}
.nav_center .nav_center_btn,
.nav_center .nav_center_btn:focus {
    margin-top: 10px;
    padding: 5px 15px;
    font-weight: 500;
}
.nav_center .nav_center_btn:hover {
    background: #00132b;
    border: 1px solid #00132b;
    color: #fff !important;
}

.nav_bottom {
    min-height: 20px;
    margin: 0;
    padding: 7px 0;
    border: none;
    background: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%);
    border-top: 1px solid #0000000f;
    -webkit-box-shadow: 0 4px 5px 0 #0000001a;
    -moz-box-shadow: 0 4px 5px 0 #0000001a;
    box-shadow: 0 4px 5px 0 #0000001a;

}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li {
    line-height: 25px;
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a,
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a:focus {
    color: #fff;
    line-height: 24px;
    font-size: 14px;
    padding: 5px 10px !important;
    border-radius: 4px;
    background: none;
    margin: 0;
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a:hover {
    border-bottom: 1px solid #fff;
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a > i {
    margin: 0 -3px 0 0;
}







.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul {
    padding: 0;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
    padding-bottom: 5px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li {
    border-radius: 10px;
    background: #fff;
    padding: 0;
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li > a,
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li > a:focus {
    position: relative;
    color: #00132b;
    background: #fff;
    border-radius: 8px;
    padding: 10px 15px !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li > a:hover {
    background: #fff;
    color: #29b1fd;
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li > a:before,
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li > a:focus:before,
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li > a:hover:before {
    content: '';
    position: absolute;
    /*border-top: 1px solid #00000012;*/
    width: 100%;
    left: 0;
    bottom: 0;
}
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li:last-child a:before,
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li:last-child a:focus:before,
.nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul > li:last-child a:hover:before {
    display: none;
}
.nav_bottom .nav_bottom_cart,
.nav_bottom .nav_bottom_cart:focus {
    position: relative;
    color: #00132b !important;
    font-size: 16px;
    background: #fff;
    border: 1px solid #fff;
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 10px !important;
}
.nav_bottom .nav_bottom_cart:hover {
    color: #fff !important;
    background: #00132b;
    border: 1px solid #00132b;
}
.nav_bottom .nav_bottom_cart > .badge {
    position: absolute;
    top: -4px;
    right: -8px;
    background: #00132b;
    color: #fff;
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 50%;
}
/*Окончание шапки*/



/*Главная страница*/


/*Начало секции со слайдером*/
.main_slide {
    position: relative;
    width: 100%;
    z-index: 1;
    background: transparent;
    padding: 0 0 70px 0;
}
.main_slide .main_slide_h1 {
    text-align: center;
    color: #29b1fd;
    font-style: italic;
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    padding: 5px 0;
    letter-spacing: 1px;
}
.main_slide .main_slide_h1 > span:nth-child(1),
.main_slide .main_slide_h1 > span:nth-child(2) {
    color: #475569;
}
.main_slide .main_slide_h1 > span:nth-child(3) {
    color: #000;
    font-weight: 500;
    font-style: normal;
    font-size: 28px;
    letter-spacing: normal;
}
.main_slide .main_slide_typewriter {
    height: 170px;
    margin: 50px auto 0;
    max-width: 1000px;
    text-align: center;
}

.main_slide .main_slide_typewriter_text {
    display: inline;
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-wrap: balance;
}
.main_slide .main_slide_typewriter_cursor {
    display: inline-block;
    width: 4px;
    height: 40px;
    margin-left: 6px;
    background: #29b1fd;
    opacity: 0.35;
    border-radius: 2px;
    vertical-align: -4px;
    animation: main_slide_cursor_blink 0.9s infinite;
}
.main_slide .main_slide_button {
    max-width: 1000px;
    margin: 0 auto;
}
.main_slide .main_slide_btn {
    width: 100%;
    font-size: 20px;
}

@keyframes main_slide_cursor_blink {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 0; }
}
/*Окончание секции со слайдером*/


/*Начало секции с блоками быстрой информации*/
.main_fs {
    padding: 0 0 40px 0;
}
.main_fs .main_fs_panel {
    border: none;
    box-shadow: none;
    margin: 0;
    background: none;
    padding: 0 10px;
}
.main_fs .main_fs_panel > .panel-body {
    background: none;
}
.main_fs .main_fs_icon {
    color: #29b1fd;
    font-size: 40px;
}
.main_fs .main_fs_head {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 5px 0;
}
.main_fs .main_fs_text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.main_fs .main_fs_a,
.main_fs .main_fs_a:focus,
.main_fs .main_fs_a:hover {
    margin: 5px 0 0 0;
    float: right;
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px dotted;;
}
/*Окончание секции с блоками быстрой информации*/

/*Начало секции с кратким описанием платформы*/
.main_wip {
    position: relative;
    padding: 40px 0;
    background-color: #f8fafc;
}
.main_wip .main_wip_img {
    max-height: 500px;
}
.main_wip .main_wip_h2 {
    color: #000;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.main_wip .main_wip_title {
    color: #29b1fd;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px 0;
}
.main_wip .main_wip_title > i {
    color: #000;
}
/*Окончание секции с кратким описанием платформы*/


/*Начало секции с возможностями платформы*/
.main_pf {
    padding: 50px 0;
}
.main_pf .main_pf_h2 {
    text-align: center;
    color: #000;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.main_pf .main_pf_h2_text {
    width: 50%;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin: 0 auto 30px auto;
}
.main_pf .main_pf_item {
    position: relative;
    height: 220px;
}
.main_pf .main_pf_item:before {
    content: '';
    position: absolute;
    top: 15%;
    bottom: 15%;
    right: 0;
    height: 70%;
    border-right: 1px solid #29b1fd36;
}
.main_pf .main_pf_item:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 15%;
    right: 15%;
    width: 70%;
    border-bottom: 1px solid #29b1fd36;
}
.main_pf .main_pf_item:nth-child(14):before {
    display: none;
}
.main_pf .main_pf_item:nth-child(13):after,
.main_pf .main_pf_item:nth-child(14):after {
    display: none;
}
.main_pf .main_pf_panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 25px 15px 15px 15px;
    border: none;
    box-shadow: none;
}
.main_pf .main_pf_panel > p {
    font-size: 14px;
}
.main_pf .main_pf_icon {
    color: #29b1fd;
    font-size: 50px;
}
.main_pf .main_pf_head {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0 5px 0;
}
/*Окончание секции с возможностями платформы*/

/*Начало секции с PlatParts - это круто, потому что...*/
.main_cool {
    position: relative;
    padding: 50px 0;
    background-color: #f8fafc;
}
.main_cool .main_cool_h3 {
    text-align: center;
    color: #000;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    background: #fff;
    width: 35%;
    height: 220px;
    padding: 25px;
    margin: 10px auto;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 8px 0 #ced4da;
    -moz-box-shadow: 0 2px 8px 0 #ced4da;
    box-shadow: 0 2px 8px 0 #ced4da;
}
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide.swiper-slide-prev,
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide.swiper-slide-next {
    opacity: 0.5;
}
.main_cool .swiper.mainSwiperTwo {
    position: relative;
}
.main_cool .swiper.mainSwiperTwo::before,
.main_cool .swiper.mainSwiperTwo::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 400px;
    z-index: 2;
    pointer-events: none;
}
.main_cool .swiper.mainSwiperTwo::before {
    left: 0;
    background: linear-gradient(to right, #f8fafc 0%, rgba(248, 250, 252, 0) 100%);
}
.main_cool .swiper.mainSwiperTwo::after {
    right: 0;
    background: linear-gradient(to left, #f8fafc 0%, rgba(248, 250, 252, 0) 100%);
}
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide.swiper-slide-active {
    -webkit-box-shadow: 0 0 10px 2px #29b1fd5e;
    -moz-box-shadow: 0 0 10px 2px #29b1fd5e;
    box-shadow: 0 0 10px 2px #29b1fd5e;
}
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide > .swiper-slide-shadow-left,
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide > .swiper-slide-shadow-right {
    background-image: none;
}
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide > .swiper-slide-shadow-left,
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide > .swiper-slide-shadow-right {
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 8px 0 #ced4da;
    -moz-box-shadow: 0 2px 8px 0 #ced4da;
    box-shadow: 0 2px 8px 0 #ced4da;
}
.main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide > p {
    line-height: 22px;
}
.main_cool .main_cool_head {
    text-align: center;
    color: #29b1fd;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 15px;
    margin: 0 0 5px 0;
}
.main_cool .mainSwiperTwo > .swiper-button-next,
.main_cool .mainSwiperTwo > .swiper-button-next:focus,
.main_cool .mainSwiperTwo > .swiper-button-prev,
.main_cool .mainSwiperTwo > .swiper-button-prev:focus {
    position: relative;
    background: #475569;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin: 0 10px;
    left: auto;
    right: auto;
    transition: all 0.3s;
}
.main_cool .mainSwiperTwo > .swiper-button-next:hover,
.main_cool .mainSwiperTwo > .swiper-button-prev:hover {
    background: #29b1fd;
}
.main_cool .mainSwiperTwo > .swiper-button-next:after,
.main_cool .mainSwiperTwo > .swiper-button-prev:after {
    color: #fff;
    font-size: 25px;
}
/*Окончание секции с PlatParts - это круто, потому что...*/


/*Начало секции с Поставщики по API*/
.main_suppliers {
    padding: 50px 0;
}
.main_suppliers .main_suppliers_h3 {
    text-align: center;
    color: #000;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.main_suppliers .main_suppliers_h3_text {
    padding: 25px;
    background: #f8fafc;
    border-radius: 20px;
    text-align: center;
}
.main_suppliers .main_suppliers_btn_all,
.main_suppliers .main_suppliers_btn_all:focus {
    display: inline-block;
    padding: 5px 15px;
    font-size: 13px;
    border-radius: 20px;
    background: #29b1fd1a;
    border: 1px solid #29b1fd38;
    margin: 0 auto;
}
.main_suppliers .main_suppliers_swiper {
    overflow: hidden;
    padding: 0 10px;
}
.main_suppliers .mainSwiperThree {
    position: relative;
    overflow: visible;
}
.main_suppliers .mainSwiperThree > .swiper-wrapper {
    align-items: stretch;
}
.main_suppliers .mainSwiperThree > .swiper-wrapper > .swiper-slide {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    background: #fff;
    width: 35%;
    height: 240px;
    padding: 25px;
    margin: 10px auto;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 8px 0 #ced4da;
    -moz-box-shadow: 0 2px 8px 0 #ced4da;
    box-shadow: 0 2px 8px 0 #ced4da;
}
.main_suppliers .mainSwiperThreeBtn > .swiper-button-next,
.main_suppliers .mainSwiperThreeBtn > .swiper-button-next:focus,
.main_suppliers .mainSwiperThreeBtn > .swiper-button-prev,
.main_suppliers .mainSwiperThreeBtn > .swiper-button-prev:focus {
    position: relative;
    background: #29b1fd;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin: 0 10px;
    left: auto;
    right: auto;
    transition: all 0.3s;
}
.main_suppliers .mainSwiperThreeBtn > .swiper-button-next:hover,
.main_suppliers .mainSwiperThreeBtn > .swiper-button-prev:hover {
    background: #475569;
}
.main_suppliers .mainSwiperThreeBtn > .swiper-button-next:after,
.main_suppliers .mainSwiperThreeBtn > .swiper-button-prev:after {
    color: #fff;
    font-size: 25px;
}
.main_suppliers .main_suppliers_img_block {
    display: flex;
    align-items: center;
    height: 50px;
}
.main_suppliers .main_suppliers_img {
    max-height: 40px;
}
.main_suppliers .main_suppliers_name {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding: 5px;
    border-radius: 20px;
    background: #4755691c;
}

.main_suppliers .main_suppliers_icon_block {
    display: flex;
    align-items: center;
    gap: 10px;
}
.main_suppliers .main_suppliers_icon_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px 10px;
    gap: 2px;
    font-size: 12px;
    position: relative;
    cursor: help;
}

.main_suppliers .main_suppliers_icon {
    display: block;
    font-size: 20px;
    color: #29b1fd;
}
/*Окончание секции с Поставщики по API*/

/*Секция с Простой запуск интернет-магазина автозапчастей — удалена*/


/*Начало секции с запросом теста*/
.main_test {
    padding: 40px 0 0 0;
}
.main_test .main_test_h3 {
    color: #000;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.main_test .main_test_head {
    color: #29b1fd;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px 0;
}
/*Окончание секции с запросом теста*/

/*Начало футера*/
.footer {
    padding: 20px 0 !important;
    background: #475569 !important;
    color: #fff !important;
}
.footer > .container > .copyright {
    margin: 0 !important;
}
/*Окончание футера*/


/*Окончание главной страницы*/


/*Начало страницы - Цена интернет-магазина автозапчастей*/
.tariff {
    margin: 40px 0 0 0;
}
.tariff .tariff_head_img {
    max-height: 400px;
}
.tariff .tariff_head_text {
    font-size: 16px;
    background: #29b1fd1c;
    padding: 20px;
    border-radius: 20px;
}
.tariff .tariff_head_title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 5px 0;
}
.tariff .tariff_head_advantage {
    color: #29b1fd;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    padding: 0 5px 1px 5px;
    border-bottom: 1px dashed;
}
.tariff .tariff_nav {
    width: max-content;
    border: 1px solid #4755692b;
    border-radius: 20px;
    padding: 10px;
    margin: 0 auto;
}
.tariff .tariff_nav > li > a,
.tariff .tariff_nav > li > a:focus,
.tariff .tariff_nav > li > a:hover {
    border-radius: 15px;
    margin: 5px;
    padding: 10px 30px;
}
.tariff .tariff_nav .nav-link.active,
.tariff .tariff_nav .show > .nav-link {
    background: #475569;
}
.tariff .tariff_nav > li > a > span:nth-child(1) {
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 5px 0;
}
.tariff .tariff_nav > li > a > span:nth-child(2) {
    display: block;
    text-align: right;
    font-size: 12px;
}
.tariff .tariff_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #29b1fd4d;
    border-radius: 7px;
    margin: 0;
    padding: 15px;
    -webkit-box-shadow: 0 3px 2px 0 #4755693d;
    -moz-box-shadow: 0 3px 2px 0 #4755693d;
    box-shadow: 0 3px 2px 0 #4755693d;
}
.tariff .tariff_head_h2 {
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0 10px;
}
.tariff .tariff_head_btn,
.tariff .tariff_head_btn:focus {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    background: #475569;
    padding: 8px 10px;
    border-radius: 15px !important;
    border: none;
}
.tariff .tariff_head_btn:hover {
    background: #29b1fd;
}
.tariff .tariff_head_btn_icon {
    font-size: 18px;
    margin: 0 7px 0 0;
}
.tariff .tariff_price_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #29b1fd;
    width: 60px;
    height: 60px;
    font-size: 40px;
    font-weight: 600;
    padding: 10px;
    border-radius: 50%;
    margin: 0 10px 0 0;
}
.tariff .tariff_price {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end
}
.tariff .tariff_price > span:nth-child(1) {
    color: #29b1fd;
    text-align: right;
    font-size: 18px;
    line-height: 18px;
    font-style: italic;
}
.tariff .tariff_price > span:nth-child(2) {
    position: relative;
    font-weight: 500;
}
.tariff .tariff_price > span:nth-child(2):after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 10px;
    border-top: 2px solid #ff0000;
    transform: rotate(-12deg);
}
.tariff .tariff_price > span:nth-child(3) {
    color: #475569;
    font-size: 40px;
    line-height: 42px;
    font-weight: 500;
}
.tariff .tariff_price_discount {
    padding: 5px 20px;
    border-radius: 20px;
    border: 1px solid #29b1fd8a;
    margin: 10px auto auto;
}
.tariff .tariff_price_discount_text {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.tariff .tariff_price_text_code {
    font-size: 16px;
}
.tariff .tariff_functions_head {
    color: #fff;
    background: #334155;
    padding: 10px 20px;
    margin: 25px -20px;
    font-size: 20px;
    text-align: center;
}
.tariff .tariff_functions_ul {
    margin: 0;
    padding: 0;
}
.tariff .tariff_functions_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 0;
    padding: 0 0 5px;
}
.tariff .tariff_functions_svg_yes {
    width: 25px;
    height: 25px;
    color: #06bf06;
    margin: 0 3% 0 0;
}
.tariff .tariff_functions_svg_no {
    width: 25px;
    height: 25px;
    color: #ff0000;
    margin: 0 3% 0 0;
}
.tariff .tariff_functions_in_dev {
    position: relative;
}
.tariff .tariff_functions_in_dev::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 0.8;
}
.tariff .tariff_functions_in_dev > span {
    position: absolute;
    z-index: 1;
    text-align: center;
    background: #29b1fd8a;
    padding: 20px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    left: 0;
    right: 0;
    top: 30%;
    bottom: auto;
}
.tariff .tariff_btn,
.tariff .tariff_btn:focus,
.tariff .tariff_btn:hover {
    width: 100%;
    margin: 20px 0 0 0;
    font-size: 20px;
    padding: 10px;
}
.tariff .tariff_big_company {
    font-size: 16px;
    background: #29b1fd1c;
    padding: 25px;
    border-radius: 20px;
}
/*Окончание страницы - Цена интернет-магазина автозапчастей*/

/*Начало страницы - Система лицензирования*/
.license {
    margin: 40px 0 0 0;
}
.license .license_head_icon {
    font-size: 210px;
    padding: 25px;
    color: #29b1fd;
}
.license .license_head_icon:before {
    color: #29b1fd;
    opacity: 0.7;
}
.license .license_head_icon:after {
    color: #475569;
    opacity: 1;
}
/*Окончание страницы - Система лицензирования*/

/*Начало страницы - Регламент службы поддержки*/
.support {
    margin: 40px 0 0 0;
}
.support .support_head_icon {
    font-size: 170px;
    padding: 25px;
}
.support .support_head_icon:before {
    color: #475569;
}
.support .support_head_icon:after {
    color: #29b1fd;
    opacity: 0.5;
}
/*Окончание страницы - Регламент службы поддержки*/

/*Начало страницы - Политика разработки функционала*/
.functional {
    margin: 40px 0 0 0;
}
.functional .functional_head_icon {
    font-size: 170px;
    padding: 25px;
}
.functional .functional_head_icon:before {
    color: #29b1fd;
    opacity: 0.7;
}
.functional .functional_head_icon:after {
    color: #475569;
    opacity: 1;
}
/*Окончание страницы - Политика разработки функционала*/

/*Начало страницы - Требования к серверу*/
.server {
    margin: 40px 0 0 0;
}
.server .server_head_icon {
    font-size: 200px;
    padding: 25px;
    color: #29b1fd;
}
.server .server_head_icon:before {
    color: #475569;
    opacity: 1;
}
.server .server_head_icon:after {
    color: #29b1fd;
    opacity: 0.7;
}
.server .server_help_block {
    background: linear-gradient(135deg, #f8f9fa 0%, #eff2f6 100%);
    border: 2px solid #29b1fd;
    border-radius: 15px;
    padding: 40px;
}
.server .server_help_icon {
    font-size: 120px;
    color: #29b1fd;
    opacity: 0.8;
}
.server .server_help_title {
    font-size: 32px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
}
.server .server_help_text {
    font-size: 18px;
    color: #475569;
    line-height: 29px;
}
.server .server_help_item {
    background: #ffffff;
    border-radius: 10px;
    padding: 25px;
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid #e2e8f0;
}
.server .server_help_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(41, 177, 253, 0.2);
    border-color: #29b1fd;
}
.server .server_help_item_icon {
    font-size: 48px;
    color: #29b1fd;
    margin-bottom: 15px;
    display: block;
}
.server .server_help_item_title {
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 12px;
}
.server .server_help_item_text {
    font-size: 15px;
    color: #64748b;
    line-height: 24px;
}
.server .server_help_highlight {
    background: #29b1fd;
    color: #ffffff;
    border-radius: 10px;
    padding: 20px 25px;
    margin-top: 30px;
}
.server .server_help_highlight p {
    font-size: 16px;
    margin: 0;
    color: #ffffff;
}
.server .server_help_highlight i {
    color: #ffffff;
    font-size: 20px;
}
/*Окончание страницы - Требования к серверу*/

/*Начало страницы - Особые условия PlatParts*/
.special {
    margin: 40px 0 0 0;
}
.special .special_h3 {
    color: #000;
    text-align: center;
    font-size: 25px;
    margin: 70px 0 20px 0;
}
.special .special_h3_text {
    width: 70%;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto 30px auto;
}
.special .special_section {
    position: relative;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #29b1fd;
    overflow: hidden;
}
.special .special_section_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}
.special .special_section_svg {
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.special .special_section_content {
    position: relative;
    z-index: 1;
    max-width: 80%;
}
.special .special_section_icon {
    margin: 0 0 20px 0;
}
.special .special_svg_icon {
    width: 64px;
    height: 64px;
}
.special .special_section_title {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    line-height: 36px;
    margin: 0 0 20px 0;
}
.special .special_section_list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
.special .special_section_list > li {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #475569;
    margin: 0 0 10px 0;
}
.special .special_section_list > li:last-child {
    margin: 0;
}
.special .special_section_list > li > strong {
    color: #111;
    font-weight: 600;
}
.special .special_section_list > li > svg {
    width: 24px;
    height: 24px;
}
.special .special_stages_h2_text {
    width: 50%;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto 30px auto;
}
.special .special_stages {
    position: relative;
}
.special .special_stages_timeline {
    display: grid;
    gap: 24px;
    position: relative;
    padding: 14px 0 10px 0;
}
.special .special_stages_timeline::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-1px);
    width: 2px;
    height: calc(100% - 36px);
    background: #29b1fd;
}
.special .special_stages_item_alpha {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    gap: 14px;
    padding-right: calc(50% + 36px);
    padding-left: 0;
    justify-items: end;
}
.special .special_stages_marker_alpha {
    width: 100px;
    height: 44px;
    border-radius: 20px;
    background: #f39c12;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: absolute;
    top: 40%;
    bottom: auto;
    left: calc(53% - 1px);
    z-index: 1;
}
.special .special_stages_card_alpha {
    border: 2px solid #f39c12;
    border-radius: 20px;
    padding: 18px 20px;
    width: 100%;
    max-width: 540px;
}
.special .special_stages_item_alpha::after {
    content: "";
    position: absolute;
    top: 49%;
    left: calc(47% + 2px);
    right: auto;
    width: 75px;
    height: 2px;
    background: -webkit-linear-gradient(90deg, #f39c12,#29b1fd,#f39c12);
    background: linear-gradient(90deg, #f39c12,#29b1fd,#f39c12);
}
.special .special_stages_item_beta {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    gap: 14px;
    padding-left: calc(50% + 36px);
}
.special .special_stages_marker_beta {
    width: 100px;
    height: 44px;
    border-radius: 20px;
    background: #49c5bc;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    font-size: 16px;
    position: absolute;
    top: 40%;
    bottom: auto;
    right: calc(53% - 1px);
    z-index: 1;
}
.special .special_stages_card_beta {
    border: 2px solid #49c5bc;
    border-radius: 20px;
    padding: 18px 20px;
    width: 100%;
    max-width: 540px;
}
.special .special_stages_item_beta::after {
    content: "";
    position: absolute;
    top: 49%;
    left: calc(47% + 2px);
    right: auto;
    width: 75px;
    height: 2px;
    background: -webkit-linear-gradient(90deg, #49c5bc,#29b1fd,#49c5bc);
    background: linear-gradient(90deg, #49c5bc,#29b1fd,#49c5bc);
}
.special .special_stages_item_stable {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    gap: 14px;
    padding-right: calc(50% + 36px);
    padding-left: 0;
    justify-items: end;
}
.special .special_stages_marker_stable {
    width: 100px;
    height: 44px;
    border-radius: 20px;
    background: #28a745;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: absolute;
    top: 40%;
    bottom: auto;
    left: calc(53% - 1px);
    z-index: 1;
}
.special .special_stages_card_stable {
    border: 2px solid #28a745;
    border-radius: 20px;
    padding: 18px 20px;
    width: 100%;
    max-width: 540px;
}
.special .special_stages_item_stable::after {
    content: "";
    position: absolute;
    top: 49%;
    left: calc(47% + 2px);
    right: auto;
    width: 75px;
    height: 2px;
    background: -webkit-linear-gradient(90deg, #28a745,#29b1fd,#28a745);
    background: linear-gradient(90deg, #28a745,#29b1fd,#28a745);
}
.special .special_stages_head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.special .special_stages_step_title {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
}
.special .special_stages_p {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #334155;
    line-height: 20px;
}
.special .special_stages_ul {
    margin: 0;
    padding-left: 18px;
    color: #475569;
    font-size: 14px;
    line-height: 1.6;
}
.special .special_stages_badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #29b1fd;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    box-shadow: 0 8px 18px rgba(41, 177, 253, 0.22);
}
.special .special_stages_alert {
    max-width: max-content;
    margin: 30px auto 0 auto;
}
.special .special_stages_note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 15px 0 5px 0;
    color: #475569;
    font-size: 14px;
    line-height: 18px;
}
.special .special_stages_alert_icon {
    width: 24px;
    height: 24px;
}
.special .special_stages_note > strong {
    color: #111;
    font-weight: 600;
}
.special .special_conditions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 20px 0 0 0;
}
.special .special_conditions_detail {
    display: block;
    padding: 25px;
    border: none;
    background: transparent;
    box-shadow: none;
    height: 100%;
}
.special .special_conditions_detail:nth-child(even) {
    border-left: 1px solid #e2e8f0;
}
.special .special_conditions_detail:nth-child(n+3) {
    border-top: 1px solid #e2e8f0;
}
.special .special_conditions_detail_body {
    width: 100%;
}
.special .special_conditions_detail_head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 10px 0;
}
.special .special_conditions_detail_icon {
    flex-shrink: 0;
    width: 45px;
    height: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #29b1fd1c;
    color: #475569;
}
.special .special_conditions_detail_icon i {
    font-size: 23px;
}
.special .special_conditions_detail_title {
    font-size: 20px;
    font-weight: 600;
    color: #111;
}
.special .special_conditions_detail_body p {
    color: #64748b;
    margin: 0 0 10px 0;
}
.special .special_conditions_detail_body ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
}
.special .special_conditions_detail_body li {
    margin: 0 0 5px 0;
}
.special .special_conditions_detail_body p:last-child,
.special .special_conditions_detail_body ul:last-child {
    margin: 0;
}
.special .special_reasons {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.special .special_reasons_card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 20px;
    width: 100%;
    max-width: 92%;
    border-radius: 20px;
    border: 1px solid #29b1fd96;
    background: #ffffff;
    transition: all 0.3s;
}
.special .special_reasons_card:nth-child(even) {
    margin-left: auto;
}
.special .special_reasons_card:hover {
    transform: translateY(-3px);
    -webkit-box-shadow: 3px 3px 5px 0 #47556917;
    -moz-box-shadow: 3px 3px 5px 0 #47556917;
    box-shadow: 3px 3px 5px 0 #47556917;
    border: 1px solid #aaadaf4a;
}
.special .special_reasons_icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
}
.special .special_reasons_icon svg {
    width: 100%;
    height: 100%;
}
.special .special_reasons_icon i {
    display: inline-block;
    font-size: 34px;
    line-height: 34px;
    color: #29b1fd;
}
.special .special_reasons_card_text {
    flex: 1;
    width: 100%;
    font-size: 14px;
    color: #475569;
    line-height: 24px;
}
.special .special_reasons_card_text strong {
    display: block;
    margin: 0 0 5px 0;
    color: #0f172a;
}
.special .special_final {
    position: relative;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #29b1fd;
    overflow: hidden;
    text-align: center;
    margin: 70px 0 0 0;
}
.special .special_final_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.special .special_final_bg svg {
    width: 100%;
    height: 100%;
}
.special .special_final_content {
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: 0 auto;
}
.special .special_final .special_badge {
    margin: 0 0 15px 0;
}
.special .special_final h3 {
    font-size: 30px;
    font-weight: 800;
    color: #475569;
    margin: 0 0 15px 0;
}
.special .special_final p {
    font-size: 16px;
    color: #64748b;
    line-height: 28px;
    margin: 0 0 30px 0;
}
.special .special_final_actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin: 0 0 25px 0;
}
.special .special_final_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.special .special_final_links a {
    font-size: 14px;
    color: #64748b;
    text-decoration: none;
    transition: all 0.3s;
}
.special .special_final_links a:hover {
    color: #29b1fd;
}
/*Окончание - Зафиксируйте условия*/


/*Окончание страницы - Особые условия PlatParts*/

/*Начало страницы - Система обновлений*/
.update {
    margin: 40px 0 0 0;
}
.update .update_head_icon {
    font-size: 200px;
    padding: 25px;
    color: #29b1fd;
}
.update .update_head_icon:before {
    color: #475569;
    opacity: 1;
}
.update .update_head_icon:after {
    color: #29b1fd;
    opacity: 0.7;
}
.update .update_nav {
    width: max-content;
    border: 1px solid #4755692b;
    border-radius: 20px;
    padding: 10px;
    margin: 0 auto;
}
.update .update_nav > li > a,
.update .update_nav > li > a:focus,
.update .update_nav > li > a:hover {
    border-radius: 15px;
    margin: 5px;
    padding: 10px 30px;
}
.update .update_nav .nav-link.active,
.update .update_nav .show > .nav-link {
    background: #475569;
}
.update .update_nav > li > a > span:nth-child(1) {
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 5px 0;
}
.update .update_nav > li > a > span:nth-child(2) {
    display: block;
    text-align: right;
    font-size: 12px;
}
.update .update_price {
    margin: 30px 0 0 0;
    border-radius: 8px;
    border: 1px solid #29b1fd2b;
    -webkit-box-shadow: 3px 3px 5px 0 #47556917;
    -moz-box-shadow: 3px 3px 5px 0 #47556917;
    box-shadow: 3px 3px 5px 0 #47556917;
}
.update .update_head {
    display: flex;
    align-items: center;
    justify-content: center;
}
.update .update_head_left {
    width: 25%;
    display: flex;
    justify-content: center;
}
.update .update_head_right {
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #29b1fd4d;
    border-radius: 7px;
    margin: 0;
    -webkit-box-shadow: 0 3px 2px 0 #4755693d;
    -moz-box-shadow: 0 3px 2px 0 #4755693d;
    box-shadow: 0 3px 2px 0 #4755693d;
}
.update .update_head > .update_head_right > div {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 15px;
}
.update .update_head > .update_head_right > div:first-child:after {
    content: '';
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: 0;
    border-right: 1px dashed #29b1fdb5;
    height: 80%;
}
.update .update_head > .update_head_right > div > span {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}
.update .update_row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
}
.update .update_row:after {
    content: '';
    position: absolute;
    display: block;
    width: 96%;
    bottom: 0;
    border-bottom: 1px solid #29b1fd4d;
}
.update .update_row:last-child:after {
    content: none;
}
.update .update_row_left {
    width: 25%;
    display: flex;
    justify-content: center;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding: 0 20px;
    text-align: center;
}
.update .update_row_right {
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.update .update_row > .update_row_right > div {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 30px;
}
.update .update_row_price_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #29b1fd;
    width: 40px;
    height: 40px;
    font-size: 25px;
    padding: 10px;
    border-radius: 50%;
    margin: 0 10px 0 0;
}
.update .update_row_price {
    display: inline-flex;
    flex-direction: column;
}
.update .update_row_price > span:nth-child(1) {
    color: #29b1fd;
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    font-style: italic;
}
.update .update_row_price > span:nth-child(2) {
    color: #475569;
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
}
.update .update_row_svg_yes {
    width: 30px;
    height: 30px;
    color: #00dc00;
}
.update .update_version {
    width: 80%;
    color: #fff;
    background: #475569;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto 15px auto;
}
/*Окончание страницы - Система обновлений*/

/*Начало страницы - Тестирование платформы*/
.test {
    margin: 40px 0 0 0;
}
.test .test_head_icon {
    font-size: 170px;
    padding: 25px;
}
.test .test_head_icon:before {
    color: #475569;
}
.test .test_head_icon:after {
    color: #29b1fd;
    opacity: 0.5;
}
/*Окончание страницы - Тестирование платформы*/

/*Начало страницы - Дорожная карта*/
.roadmap {
    margin: 40px 0 0 0;
}
.roadmap .roadmap_question_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
    margin: 0 auto;
    gap: 15px;
}
.roadmap .roadmap_question_btn_text {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.roadmap .roadmap_question_btn_toggle {
    font-size: 20px;
    color: #fff;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    transform: rotate(0deg);
}
.roadmap .roadmap_question_btn:not(.collapsed) .roadmap_question_btn_toggle {
    transform: rotate(180deg);
}
.roadmap .roadmap_status {
    text-align: center;
    margin: 0;
    padding: 20px;
    border-radius: 19px;
    background: #29b1fd1c;
    border: 1px solid #29b1fd4d;
}
.roadmap .roadmap_status_title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 0 0 10px 0;
}
.roadmap .roadmap_status_title_icon {
    color: #29b1fd;
    margin: 0 10px 0 0;
}
.roadmap .roadmap_status_badge {
    display: inline-block;
    background: #475569;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 0 5px;
}
.roadmap .roadmap_status_subtitle {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
.roadmap .roadmap_dev_section_title {
    font-size: 18px;
    color: #29b1fd;
    line-height: 24px;
    margin: 0 0 5px 0;
}
.roadmap .roadmap_dev_text {
    line-height: 30px;
    margin: 0 0 0 0;
}
.roadmap .roadmap_dev_divider {
    border-color: #29b1fd4d;
    margin: 30px 0;
}
.roadmap .roadmap_dev_stages_title {
    font-size: 18px;
    color: #29b1fd;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 15px 0;
}
.roadmap .roadmap_dev_stage_alpha {
    background: #f8f9fa;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    border-left: 4px solid #f39c12;
    margin: 0 0 15px 0;
}
.roadmap .roadmap_dev_stage_alpha_title {
    color: #f39c12;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.roadmap .roadmap_dev_stage_text {
    line-height: 20px;
    margin: 0 0 5px 0;
    font-size: 14px;
}
.roadmap .roadmap_dev_stage_beta {
    background: #f8f9fa;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    border-left: 4px solid #49c5bc;
    margin: 0 0 15px 0;
}
.roadmap .roadmap_dev_stage_beta_title {
    color: #49c5bc;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.roadmap .roadmap_dev_example_badge {
    display: inline-block;
    border-radius: 10px;
    background: #29b1fd2e;
    border: 1px solid #29b1fd4d;
    padding: 6px 15px 6px 15px;
    font-size: 13px;
    color: #475569;
    margin: 5px 0 0 0;
    line-height: 18px;
}
.roadmap .roadmap_dev_stage_stable {
    background: #f8f9fa;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    border-left: 4px solid #28a745;
    margin: 0 0 30px 0;
}
.roadmap .roadmap_dev_stage_stable_title {
    color: #28a745;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.roadmap .roadmap_dev_practice_title {
    font-size: 18px;
    color: #29b1fd;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 15px 0;
}
.roadmap .roadmap_dev_practice_icon {
    color: #29b1fd;
    margin: 0 5px 0 0
}
.roadmap .roadmap_dev_practice_block {
    background: #ffffff;
    padding: 25px 25px 25px 25px;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    margin: 15px 0 0 0;
}
.roadmap .roadmap_dev_feature_item {
    display: flex;
    align-items: flex-start;
}
.roadmap .roadmap_dev_feature_icon {
    color: #29b1fd;
    font-size: 20px;
    margin: 3px 12px 0 0;
}
.roadmap .roadmap_dev_feature_title {
    color: #495057;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px 0;
}
.roadmap .roadmap_dev_feature_text {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 0 0;
}
.roadmap .roadmap_status_stage_card {
    background: #fff;
    border: 1px solid #29b1fd4d;
    border-radius: 15px;
    padding: 20px;
    height: 100%;
}
.roadmap .roadmap_status_stage_header {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}
.roadmap .roadmap_status_stage_icon {
    width: 45px;
    height: 45px;
    font-size: 20px;
    background: #29b1fd33;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px 0 0;
}
.roadmap .roadmap_status_stage_name {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}
.roadmap .roadmap_status_stage_desc {
    font-size: 14px;
    opacity: 0.9;
}
.roadmap .roadmap_status_stage_info {
    background: #29b1fd33;
    padding: 12px;
    border-radius: 10px;
}
.roadmap .roadmap_status_stage_info_text {
    font-size: 14px;
    line-height: 16px;
}
.roadmap .roadmap_status_badge_free {
    background: #22c55e;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
}
.roadmap .roadmap_status_badge_paid {
    background: #29b1fd;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
}
.roadmap .roadmap_benefits_block {
    background: linear-gradient(135deg, #29b1fd15 0%, #29b1fd05 100%);
    padding: 20px;
    border-radius: 15px;
    border: 2px solid #29b1fd40;
    margin: 0 0 0 0;
}
.roadmap .roadmap_benefits_title {
    font-size: 18px;
    color: #29b1fd;
    line-height: 24px;
    margin: 0 0 12px 0;
}
.roadmap .roadmap_benefits_text {
    font-size: 16px;
    line-height: 29px;
    margin: 0 0 0 0;
}
.roadmap .roadmap_benefits_list_item {
    font-size: 18px;
    line-height: 32px;
}
.roadmap .roadmap_benefits_note {
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 0 0;
}
.roadmap .roadmap_why_buy_guarantee {
    border-top: 3px solid #29b1fd4d;
    border-bottom: 3px solid #29b1fd4d;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    margin: 20px 0;
}
.roadmap .roadmap_why_buy_guarantee_title {
    color: #ff0000;
    margin: 0 0 10px 0;
    font-size: 22px;
    font-weight: 500;
}
.roadmap .roadmap_why_buy_guarantee_highlight {
    color: #22c55e;
}
.roadmap .roadmap_kanban {
    background: #fff;
}
.roadmap .roadmap_kanban_vote_header {
    background: #fff;
    border: 1px solid #29b1fd4d;
    padding: 0;
    border-radius: 20px;
    margin: 0 0 20px 0;
}
.roadmap .roadmap_kanban_title_block {
    display: block;
    background: #475569;
    text-align: center;
    border-radius: 19px 19px 0 0;
    padding: 10px 25px;
    margin: -1px -1px 0 -1px;
}
.roadmap .roadmap_kanban_title {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
.roadmap .roadmap_kanban_title_search {
    color: #29b1fd;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 5px 1px 5px;
}
.roadmap .roadmap_kanban_title_btn,
.roadmap .roadmap_kanban_title_btn:focus,
.roadmap .roadmap_kanban_title_btn:hover {
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 18px;
}
.roadmap .roadmap_kanban_vote_search {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 10px;
    font-size: 14px;
    margin: 0 0 5px 0;
}
.roadmap .roadmap_kanban_vote_search:focus {
    outline: none;
    border-color: #29b1fd;
}
.roadmap .roadmap_kanban_category_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0 0 0;
}
.roadmap .roadmap_kanban_category_tab {
    padding: 6px 14px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 18px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 12px;
    font-weight: 500;
}
.roadmap .roadmap_kanban_category_tab:hover,
.roadmap .roadmap_kanban_category_tab.active {
    background: #29b1fd;
    color: #fff;
    border-color: #29b1fd;
}
.roadmap .roadmap_kanban_category_block {
    overflow: hidden;
    background: #fff;
    margin: 0 0 15px 0;
    border-radius: 20px;
    border: 1px solid #29b1fd2b;
    -webkit-box-shadow: 3px 3px 5px 0 #47556917;
    -moz-box-shadow: 3px 3px 5px 0 #47556917;
    box-shadow: 3px 3px 5px 0 #47556917;
}
.roadmap .roadmap_kanban_category_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: #475569;
    cursor: pointer;
    transition: all 0.3s;
    border-bottom: 1px solid #e9ecef;
}
.roadmap .roadmap_kanban_category_header:hover {
    background: #29b1fd;
}
.roadmap .roadmap_kanban_category_header_left {
    display: flex;
    align-items: center;
    flex: 1;
}
.roadmap .roadmap_kanban_category_icon {
    font-size: 20px;
    margin: 0 10px 0 0;
    color: #fff;
    width: 24px;
    text-align: center;
}
.roadmap .roadmap_kanban_category_title {
    font-size: 20px;
    font-weight: 500;
    color: #fffffff7;
    margin: 0;
    letter-spacing: 1px;
}
.roadmap .roadmap_kanban_category_stats {
    display: flex;
    gap: 12px;
    margin: 0 0 0 15px;
    font-size: 12px;
    background: #fff;
    padding: 3px 15px;
    border-radius: 10px;
}
.roadmap .roadmap_kanban_category_stat {
    display: flex;
    align-items: center;
    gap: 4px;
}
.roadmap .roadmap_kanban_category_stat_dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.roadmap .roadmap_kanban_category_stat_dot.completed {
    background: #28a745;
}
.roadmap .roadmap_kanban_category_stat_dot.in-progress {
    background: #49c5bc;
}
.roadmap .roadmap_kanban_category_stat_dot.pending {
    background: #f39c12;
}
.roadmap .roadmap_kanban_category_toggle {
    font-size: 20px;
    color: #fff;
    transition: transform 0.3s;
}
.roadmap .roadmap_kanban_category_block.collapsed .roadmap_kanban_category_toggle {
    transform: rotate(-90deg);
}
.roadmap .roadmap_kanban_category_kanban {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s, padding 0.3s;
}
.roadmap .roadmap_kanban_category_block:not(.collapsed) .roadmap_kanban_category_kanban {
    max-height: 5000px;
    padding: 15px;
}
.roadmap .roadmap_kanban_board {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.roadmap .roadmap_kanban_column {
    max-height: 450px;
    overflow-x: auto;
    min-width: 280px;
    background: #29b1fd1c;
    border-radius: 12px 12px 20px 20px;
    min-height: 150px;
    padding: 10px;
}
.roadmap_kanban_column:nth-child(1) {
    border-top: 8px solid #f39c12;
}
.roadmap_kanban_column:nth-child(2) {
    border-top: 8px solid #49c5bc;
}
.roadmap_kanban_column:nth-child(3) {
    border-top: 8px solid #28a745;
}
.roadmap .roadmap_kanban_column_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px 10px 0 0;
    margin: 0 0 12px 0;
    padding: 0 10px;
    font-size: 18px;
    font-weight: 500;
}
.roadmap .roadmap_kanban_column_header.completed {
    /*border-bottom-color: #22c55e;*/
    color: #000;
}
.roadmap .roadmap_kanban_column_header.in-progress {
    /*border-bottom-color: #f39c12;*/
    color: #000;
}
.roadmap .roadmap_kanban_column_header.pending {
    /*background: #49c5bc;*/
    color: #000;
}
.roadmap .roadmap_kanban_column_count {
    background: #fff;
    color: #000;
    padding: 1px 8px;
    border-radius: 50%;
    font-size: 14px;
}
.roadmap .roadmap_kanban_vote_card {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin: 0 0 10px 0;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-box-shadow: 0 2px 3px 1px #47556921;
    -moz-box-shadow: 0 2px 3px 1px #47556921;
    box-shadow: 0 2px 3px 1px #47556921;
}
.roadmap .roadmap_kanban_vote_card:hover {
    background: #29b1fd;
    color: #fff;
    transform: translateX(2px);
    -webkit-box-shadow: 0 2px 3px 1px #47556921;
    -moz-box-shadow: 0 2px 3px 1px #47556921;
    box-shadow: 0 2px 3px 1px #47556966;
}
.roadmap .roadmap_kanban_vote_card:hover .roadmap_kanban_vote_card_title {
    color: #fff;
}
.roadmap .roadmap_kanban_vote_card.completed {
    border: none;
}
.roadmap .roadmap_kanban_vote_card.in-progress {
    border: none;
}
.roadmap .roadmap_kanban_vote_card.pending {
    border: none;
}
.roadmap .roadmap_kanban_vote_card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.roadmap .roadmap_kanban_vote_card_title {
    font-size: 14px;
    color: #475569;
    line-height: 20px;
    flex: 1;
    margin: 0 10px 0 0;
    transition: all 0.3s;
}
.roadmap .roadmap_kanban_vote_card_votes {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.roadmap .roadmap_kanban_vote_card_votes.positive {
    color: #22c55e;
}
.roadmap .roadmap_kanban_vote_card_votes.negative {
    color: #e74c3c;
}
.roadmap .roadmap_kanban_modal_category {
    display: inline-block;
    padding: 4px 12px;
    background: #e9ecef;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    margin: 0 0 12px 0;
}
.roadmap .roadmap_kanban_modal_status {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
}
.roadmap .roadmap_kanban_modal_status.completed {
    background: #d4edda;
    color: #155724;
}
.roadmap .roadmap_kanban_modal_status.in-progress {
    background: #fff3cd;
    color: #856404;
}
.roadmap .roadmap_kanban_modal_status.pending {
    background: #e2e3e5;
    color: #383d41;
}
.roadmap .roadmap_kanban_modal_voting {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
}
.roadmap .roadmap_kanban_modal_voting_title {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 15px 0;
}
.roadmap .roadmap_kanban_modal_vote_controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.roadmap .roadmap_kanban_modal_vote_btn {
    width: 50px;
    height: 50px;
    border: 2px solid #e9ecef;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #6c757d;
    transition: all 0.3s;
}
.roadmap .roadmap_kanban_modal_vote_btn:hover {
    transform: scale(1.1);
}
.roadmap .roadmap_kanban_modal_vote_btn.like:hover {
    border-color: #22c55e;
    color: #22c55e;
    background: #d4edda;
}
.roadmap .roadmap_kanban_modal_vote_btn.dislike:hover {
    border-color: #e74c3c;
    color: #e74c3c;
    background: #f8d7da;
}
.roadmap .roadmap_kanban_modal_vote_btn.voted.like {
    background: #22c55e;
    border-color: #22c55e;
    color: #fff;
}
.roadmap .roadmap_kanban_modal_vote_btn.voted.dislike {
    background: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}
.roadmap .roadmap_kanban_modal_vote_count {
    font-size: 30px;
    font-weight: 700;
    color: #2c3e50;
    min-width: 60px;
    text-align: center;
}
.roadmap .roadmap_kanban_modal_vote_count.positive {
    color: #22c55e;
}
.roadmap .roadmap_kanban_modal_vote_count.negative {
    color: #e74c3c;
}
.roadmap .roadmap_auth_alert {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.4s ease-out;
}
.roadmap .roadmap_auth_alert.show {
    opacity: 1;
    transform: translateY(0);
}
.roadmap .roadmap_auth_alert.hide {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease-in;
}
#roadmap_status_content.collapsing,
#roadmap_why_buy_content.collapsing {
    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}
#roadmap_status_content.collapse,
#roadmap_why_buy_content.collapse {
    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/*Окончание страницы - Дорожная карта*/

/*Начало страницы - Список поставщкиов автозапчастей*/
.suppliers .suppliers_head_icon {
    font-size: 170px;
    padding: 25px;
}
.suppliers .suppliers_head_icon:before {
    color: #29b1fd;
    opacity: 0.7;
}
.suppliers .suppliers_head_icon:after {
    color: #475569;
    opacity: 1;
}
.suppliers .suppliers_number {
    padding: 2px 8px;
    border-radius: 20px;
    background: #29b1fd4d;
    font-size: 14px;
}
.suppliers .suppliers_name {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 5px;
    border-radius: 20px;
    background: #47556926;
    color: #222;
}

/* Чередование фона "через одного" */
.suppliers #suppliers-cards .card .card-body > .row:nth-of-type(even) > :first-child > .suppliers_name {
    background: #47556926;
}
.suppliers .suppliers_name_a,
.suppliers .suppliers_name_a:focus {
    font-size: 14px;
    font-weight: 400;
}
.suppliers .suppliers_item {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 18px;
    gap: 10px;
}

.suppliers .suppliers_svg_yes {
    width: 18px;
    height: 18px;
    color: #06bf06;
}
/*Окончание страницы - Список поставщкиов автозапчастей*/

/*Начало страницы - Контакты*/
.contacts {
    margin: 40px 0 0 0;
}
.contacts .contacts_h3 {
    color: #29b1fd;
    font-size: 20px;
    font-weight: 500;
    padding: 0 5px 1px 5px;
}
.contacts .contacts_block {
    background: #fff;
    height: 305px;
    padding: 30px;
    margin: 0 0 50px 0;
    border-radius: var(--pp_br_card);
    border: 1px solid #29b1fd4d;
    -webkit-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    -moz-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.contacts .contacts_icon {
    font-size: 115px;
    padding: 30px;
}
.contacts .contacts_head {
    margin: 0 0 5px 0;
    font-weight: 500;
    font-size: 18px;
}
.contacts .contacts_p {
    color: #29b1fd;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.contacts .contacts_icon_two {
    font-size: 85px;
}
.contacts .contacts_soc_telegram {
    text-align: center;
    font-size: 18px;
    padding: 0 0 15px 0;
    margin: 25px 0 15px 0;
    border-bottom: 1px dashed #29b1fd4d;;
}
.contacts .contacts_soc_group {
    text-align: center;
    font-size: 20px;
    margin: 0 0 5px 0;
}
.contacts .contacts_icon_three {
    font-size: 80px;
    padding: 15px;
}
/*Окончание страницы - Контакты*/

/*Начало страницы - Реквизиты*/
.req {
    margin: 40px 0 0 0;
}
.req .req_ul {
    padding: 0;
    margin: 0;
}
.req .req_ul > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #eee;
}
.req .req_ul > li:last-child {
    padding: 0;
    margin: 0;
    border: none;
}
.req .req_ul > li > span:first-child {
    font-weight: 600;
    width: 35%;
}
.req .req_ul > li > span:nth-child(2) {
    width: 65%;
}
.req .req_h2 {
    text-align: center;
    font-size: 24px;
}
.req .req_print,
.req .req_print:focus,
.req .req_print:hover {
    display: block;
    font-size: 25px;
    margin: 15px 0 25px 0;
}
/*Окончание страницы - Реквизиты*/

/*Начало страницы - Способы оплаты*/
.payment {
    margin: 40px 0 0 0;
}
.payment .payment_h3 {
    color: #29b1fd;
    font-size: 20px;
    font-weight: 500;
    padding: 0 5px 1px 5px;
}
.payment .payment_block {
    border: 1px solid #29b1fd4d;
    padding: 20px;
    border-radius: 20px;
    margin: 0 0 30px 0;
}
.payment .payment_p {
    line-height: 18px;
    padding: 0 0 7px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px dashed #29b1fd4d;
}
.payment .payment_business_p {
    line-height: 18px;
    padding: 0 0 12px 0;
    margin: 0 0 6px 0;
    border-bottom: 1px dashed #29b1fd4d;
}
.payment .payment_business_important {
    font-size: 16px;
    color: #29b1fd;
    font-weight: 500;
}
.payment .payment_yandex {
    font-size: 12px;
    line-height: 16px;
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    border-top: 1px dashed #29b1fd4d;
}
.payment .payment_yandex_left {
    margin: 0;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    padding: 15px;
    border-radius: 20px;
}
.payment .payment_yandex_right {
    margin: 0;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 15px;
    border-radius: 20px;
}
/*Окончание страницы - Способы оплаты*/



@media (max-width: 1199px) {
    header.header .logo-img {
        max-width: 200px;
    }

    .nav_header {
        display: none;
    }

    .nav_center {
        background: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%);
        -webkit-box-shadow: 0 4px 5px 0 #0000001a;
        -moz-box-shadow: 0 4px 5px 0 #0000001a;
        box-shadow: 0 4px 5px 0 #0000001a;
    }


    .nav_center .nav_center_ul {
        flex: 0 0 auto;
        gap: 20px;
        width: auto;
        justify-content: space-around;
    }


    /*Ссылки и иконки социальных сетей*/
    .nav_center .nav_center_mob {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    .nav_center > .container > .nav_center_mob > a:after {
        top: -9px;
        font-size: 12px;
        line-height: 16px;
    }

    .nav_center .nav_center_mob > div {
        display: flex;
        gap: 20px;
    }
    .nav_center .nav_center_soc,
    .nav_center .nav_center_soc:focus,
    .nav_center .nav_center_soc:hover {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        height: 35px;
        width: 35px;
        border-radius: 10px;
    }
    .nav_center .nav_center_soc > img {
        height: 30px;
        width: 30px;
        border-radius: 8px;
    }

    /*Телефон и кнопка перезвонить*/
    .nav_center .nav_center_phone,
    .nav_center .nav_center_phone:focus,
    .nav_center .nav_center_phone:hover {
        color: #fff !important;
        font-size: 18px !important;
        white-space: nowrap;
    }

    /*Кнопка корзины*/
    .nav_center .nav_center_mob_cart,
    .nav_center .nav_center_mob_cart:focus,
    .nav_center .nav_center_mob_cart:hover {
        position: relative;
        background: transparent;
        font-size: 30px !important;
        color: #fff !important;
    }
    .nav_center .nav_center_mob_cart > .badge {
        position: absolute;
        top: -4px;
        right: -8px;
        background: #fff;
        color: #00132b;
        padding: 2px 4px;
        font-size: 12px;
        border-radius: 50%;
    }

    /*Кнопка меню*/
    .nav_center .nav_center_mob_btn,
    .nav_center .nav_center_mob_btn:focus,
    .nav_center .nav_center_mob_btn:hover {
        width: 45px;
        height: 40px;
        font-size: 20px !important;
        padding: 0;
        color: #fff;
        background: #00132b;
        border: 1px solid #00132b;
    }
    .nav_center .nav_center_lg {
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: auto;
        gap: 10px 0;
        flex: 1 1 0;
        min-width: 0;
    }
    .nav_center .nav_center_lg_item {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        line-height: 10px;
        padding: 0;
        flex: 0 0 50%;
        min-width: 0;
    }
    .nav_center .nav_center_lg_item > span {
        display: flex;
        background: #fff;
        border: 1px solid #fff;
        padding: 2px;
        border-radius: 50%;
    }
    .nav_center .nav_center_lg_item > span > svg {
        color: #000;
        width: 12px;
        height: 12px;
    }
    .nav_center > .container {
        flex-wrap: nowrap;
        align-items: center;
        gap: 15px;
    }
    .nav_center .navbar-brand {
        margin: 0;
        flex: 0 0 auto;
    }
    .nav_center .nav_center_lg_item > div {
        min-width: 0;
    }
    .nav_center .nav_center_lg_item > div > a,
    .nav_center .nav_center_lg_item > div > a:focus,
    .nav_center .nav_center_lg_item > div > a:hover {
        display: inline-flex;
        color: #ffffff;
        font-size: 10px;
        line-height: 13px;
        padding: 0 0 0 5px;
        white-space: normal;
    }
    .nav_center .nav_center_btn,
    .nav_center .nav_center_btn:focus,
    .nav_center .nav_center_btn:hover {
        font-size: 12px !important;
        background: transparent;
        color: #fff;
        margin: 0;
        border: none;
        font-weight: 400;
        padding: 0 5px;
        text-decoration: underline;
        white-space: nowrap;
    }
    .nav_bottom {
        background: #fff;
        min-height: 0;
        padding: 0;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a,
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a:focus,
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a:hover {
        text-align: right;
        display: block;
        width: 100%;
        line-height: 35px;
        color: #00132b;
        background: #fff;
        padding: 5px 15px !important;
        border-radius: 0;
    }
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li > ul {
        margin: -5px 10px 5px 10px;
    }

    .main_pf .main_pf_item:nth-child(14):before {
        display: none;
    }
    .main_pf .main_pf_item {
        height: 260px;
    }
    .main_pf .main_pf_panel > p {
        font-size: 14px;
    }
    .main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide {
        width: 50%;
    }
    .main_cool .swiper.mainSwiperTwo::before,
    .main_cool .swiper.mainSwiperTwo::after {
        width: 200px;
    }
    .special .special_section_content {
        max-width: 100%;
    }
    .special .special_stages_h2_text {
        width: 100%;
    }
    .special .special_h3_text {
        width: 100%;
    }
    .special .special_stages_marker_alpha {
        top: 42%;
    }
    .special .special_stages_item_alpha::after,
    .special .special_stages_item_beta::after,
    .special .special_stages_item_stable::after {
        left: 46%;
    }
    .special .special_stages_note {
        display: block;
        margin: 15px 0;
    }
}
@media (max-width: 991px) {
    header.header .logo-img {
        max-width: 150px;
    }

    .h1 {
        font-size: 24px;
    }
    .h1_text {
        width: 80%;
    }
    .main_slide .main_slide_typewriter_text {
        font-size: 26px;
        line-height: 36px;
    }
    .main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide {
        width: 55%;
    }
    .main_pf .main_pf_h2_text {
        width: 100%;
    }
    .main_pf .main_pf_item:nth-child(4):before,
    .main_pf .main_pf_item:nth-child(6):before,
    .main_pf .main_pf_item:nth-child(8):before,
    .main_pf .main_pf_item:nth-child(10):before,
    .main_pf .main_pf_item:nth-child(14):before {
        display: block;
    }
    .main_pf .main_pf_item:nth-child(3):before,
    .main_pf .main_pf_item:nth-child(6):before,
    .main_pf .main_pf_item:nth-child(9):before,
    .main_pf .main_pf_item:nth-child(12):before,
    .main_pf .main_pf_item:nth-child(14):before {
        display: none;
    }
    .main_pf .main_pf_item:nth-child(11):after {
        display: block;
    }
    .main_suppliers .mainSwiperThree > .swiper-wrapper > .swiper-slide {
        margin: 20px auto 15px auto;
    }
    .contacts .contacts_block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 310px;
        padding: 20px;
    }
    .roadmap .roadmap_kanban_board {
        overflow-y: auto;
    }
    .roadmap .roadmap_kanban_category_header_left {
        display: block;
    }
    .roadmap .roadmap_kanban_category_icon {
        position: absolute;
    }
    .roadmap .roadmap_kanban_category_title {
        margin: 3px 0 10px 30px;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0;
    }
    .roadmap .roadmap_kanban_category_stats {
        display: inline-flex;
    }
    .free_up .free_up_offer {
        top: -15px;
        right: -30px;
    }
    .special .special_section_list > li {
        display: block;
    }
    .special .special_stages_marker_beta,
    .special .special_stages_marker_stable {
        top: 42%;
    }
    .special .special_stages_item_alpha::after,
    .special .special_stages_item_beta::after,
    .special .special_stages_item_stable::after {
        left: calc(45% - 2px);
    }
    .suppliers .suppliers_item {
        font-size: 12px;
        margin: 10px 0 0 0;
    }
    .suppliers .suppliers_svg_yes {
        width: 14px;
        height: 14px;
    }
}
@media (max-width: 767px) {
    .h1_text {
        width: 100%;
    }
    .main_h1 {
        font-size: 30px;
        line-height: 20px;
        padding: 10px 15px 0 15px;
    }
    .main_slide {
        padding: 0 0 15px 0;
    }
    .main_pf .main_pf_h2 {
        line-height: 34px;
    }
    .main_fs .main_fs_text {
        font-size: 14px;
        line-height: 20px;
    }
    .main_pf .main_pf_item {
        height: 250px;
    }
    .main_pf .main_pf_panel {
        padding: 25px 5px 5px 5px;
    }
    .main_pf .main_pf_icon {
        font-size: 50px;
    }
    .main_pf .main_pf_head {
        font-size: 16px;
        line-height: 20px;
    }
    .main_pf .main_pf_panel > p {
        font-size: 12px;
    }
    .main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide {
        width: 80%;
    }
    .main_cool .swiper.mainSwiperTwo::before,
    .main_cool .swiper.mainSwiperTwo::after {
        width: 30px;
    }
    .tariff .tariff_nav {
        display: block;
    }
    .update .update_nav {
        display: block;
    }
    .update .update_head_left {
        display: none;
    }
    .update .update_head_right {
        width: 100%;
    }
    .update .update_row {
        flex-direction: column;
    }
    .update .update_row_left {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .update .update_row_right {
        width: 100%;
    }
    .contacts .contacts_block {
        height: auto;
    }
    .req .req_ul > li {
        flex-wrap: wrap;
    }
    .req .req_ul > li > span:first-child {
        width: 100%;
        padding: 0 0 5px 0;
    }
    .req .req_ul > li > span:nth-child(2) {
        width: 100%;
    }
    .payment .payment_p {
        margin: 15px 0 5px 0
    }
    .roadmap .roadmap_auth_alert {
        width: 95%;
        max-width: none;
    }
    .server .server_help_block {
        padding: 20px;
    }
    .free_up .free_up_title {
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        padding: 0 5px 5px 5px;
    }
    .free_up .free_up_hint {
        width: 100%;
        text-align: center;
    }
    .special .special_stages_item_alpha,
    .special .special_stages_item_beta,
    .special .special_stages_item_stable {
        padding: 0 0 0 20px;
    }
    .special .special_stages_marker_alpha,
    .special .special_stages_marker_beta,
    .special .special_stages_marker_stable {
        left: -30px;
        right: auto;
        width: 50px;
        height: 30px;
        font-size: 14px;
        border-radius: 10px 0 0 10px;
    }
    .special .special_stages_timeline::before {
        left: 0;
    }
    .special .special_stages_item_alpha::after,
    .special .special_stages_item_beta::after,
    .special .special_stages_item_stable::after {
        display: none;
    }
    .special .special_conditions {
        display: block;
    }
    .special .special_conditions_detail {
        border-top: none !important;
        border-left: none !important;
        border-bottom: 1px solid #e2e8f0;
        padding: 15px 0;
    }
    .special .special_conditions_detail:last-child {
        border: none;
    }
}
@media (max-width: 575px) {
    header.header .logo-img {
        max-width: 175px;
    }
    .nav_center > .container {
        flex-direction: column;
        gap: 0;
    }
    .nav_center .nav_center_mob {
        padding-bottom: 10px;
        border-bottom: 1px solid #ffffff66;
    }
    .nav_center .nav_center_mob > div {
        gap: 10px
    }
    .nav_center .nav_center_ul {
        width: 100%;
        padding-top: 10px;
    }
    .nav_bottom #mainContacts {
        padding: 15px 0;
    }
    .nav_bottom #mainMenu {
        background: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%);
    }
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a,
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a:focus,
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li > a:hover {
        color: #fff;
        background: linear-gradient(90deg, #00132b 0%, #090979 35%, #29b1fd 100%);
    }
    .nav_bottom .nav_bottom_block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 14px;
        padding: 0;
        margin: 0 0 15px 0;
    }
    .nav_bottom .nav_bottom_block:nth-child(5),
    .nav_bottom .nav_bottom_block:nth-child(6) {
        margin: 0 0 5px 0;
    }
    .nav_bottom .nav_bottom_span {
        justify-content: center;
        font-style: italic;
        font-size: 10px;
        padding: 0;
    }
    .nav_bottom .nav_bottom_mail,
    .nav_bottom .nav_bottom_mail:focus,
    .nav_bottom .nav_bottom_mail:hover {
        color: #29b1fd !important;
        font-size: 14px;
    }
    .nav_bottom .nav_bottom_phone,
    .nav_bottom .nav_bottom_phone:focus,
    .nav_bottom .nav_bottom_phone:hover {
        display: inline-flex;
        align-items: center;
        color: #000 !important;
        font-size: 22px !important;
        font-weight: 500;
    }



    .main_slide .main_slide_h1 {
        font-size: 24px;
        line-height: 25px;
    }
    .main_slide .main_slide_h1 > span:nth-child(3) {
        font-size: 20px;
    }
    .main_slide .main_slide_typewriter {
        margin: 20px auto 0;
    }
    .main_slide .main_slide_typewriter_cursor {
        height: 30px;
    }
    .main_slide .main_slide_btn {
        font-size: 16px;
    }
    .main_pf .main_pf_item:nth-child(2):before,
    .main_pf .main_pf_item:nth-child(4):before,
    .main_pf .main_pf_item:nth-child(8):before,
    .main_pf .main_pf_item:nth-child(10):before {
        display: none;
    }
    .main_pf .main_pf_item:nth-child(3):before,
    .main_pf .main_pf_item:nth-child(5):before,
    .main_pf .main_pf_item:nth-child(9):before,
    .main_pf .main_pf_item:nth-child(11):before {
        display: block;
    }
    .main_pf .main_pf_item:nth-child(12):after {
        display: block;
    }
    .main_cool .main_cool_h3 {
        line-height: 34px;
        margin: 0 0 25px 0;
    }
    .main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide {
        align-content: center;
        height: 280px;
        padding: 15px;
    }
    .main_cool .mainSwiperTwo > .swiper-button-prev {
        left: 0;
        background: #29b1fd2b;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .main_cool .mainSwiperTwo > .swiper-button-next {
        right: 0;
        background: #29b1fd2b;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .main_cool .main_cool_head {
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        padding: 0 5px;
        margin: 0 0 20px 0;
    }
    .main_cool .mainSwiperTwo > .swiper-wrapper > .swiper-slide > p {
        font-size: 14px;
        line-height: 22px;
        padding: 0 10px;
    }
    .main_cool .swiper.mainSwiperTwo::before,
    .main_cool .swiper.mainSwiperTwo::after {
        width: 20px;
    }
    .main_suppliers .main_suppliers_btn_all, .main_suppliers .main_suppliers_btn_all:focus {
        padding: 5px 10px;
    }
    .main_suppliers .mainSwiperThree > .swiper-wrapper > .swiper-slide {
        height: 250px;
    }
    .update .update_row > .update_row_right > div {
        padding: 0 15px;
    }
    .update .update_row_price_icon {
        width: 30px;
        height: 30px;
        font-size: 18px;
        margin: 0 5px 0 0;
    }
    .update .update_row_price > span:nth-child(1) {
        font-size: 12px;
        line-height: 14px;
    }
    .update .update_row_price > span:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }
    .contacts .contacts_icon {
        display: block;
        text-align: center;
    }
    .contacts .contacts_head {
        font-size: 16px;
    }
    .special .special_section {
        padding: 20px;
    }
    .special .special_svg_icon {
        width: 32px;
        height: 32px;
    }
    .special .special_section_title {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }
    .special .special_stages_item_alpha,
    .special .special_stages_item_beta,
    .special .special_stages_item_stable {
        padding: 0 0 0 50px;
    }
    .special .special_stages_marker_alpha,
    .special .special_stages_marker_beta,
    .special .special_stages_marker_stable {
        left: -10px;
    }
    .special .special_stages_item_alpha,
    .special .special_stages_item_beta,
    .special .special_stages_item_stable {
        padding: 0 0 0 40px;
    }
    .special .special_stages_timeline::before {
        left: 5%;
    }
    .special .special_reasons_card {
        max-width: 100%;
    }
    .special .special_final {
        padding: 20px;
    }
    .special .special_final h3 {
        font-size: 20px;
        font-weight: 600;
    }
    .special .special_final_actions > .btn,
    .special .special_final_actions > .btn:focus,
    .special .special_final_actions > .btn:hover {
        width: 100%;
        font-size: 16px;
    }
    .tariff .tariff_price_discount_text {
        display: block;
    }
    .suppliers .suppliers_name {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 5px 0;
    }
    .suppliers .suppliers_number {
        font-size: 12px;
    }
    .suppliers .suppliers_item {
        padding: 0 0 0 30px;
        margin: 0;
    }

    .viewticket > .markdown-content.staff,
    .viewticket > .markdown-content.user {
        width: 100% !important;
    }
    .cookie-consent {
        left: 10px;
        right: 10px;
        bottom: 10px;
        max-width: none;
    }
    .cookie-buttons {
        flex-direction: column;
    }
    .cookie-btn {
        min-width: auto;
    }
}

@media (min-width: 1200px) {
    .nav_bottom > .container > .navbar-collapse > .navbar-nav > li:hover .dropdown-menu {
        display: block;
    }
}









/*Начало страницы - Новости*/
.news .news_head {
    color: #29b1fd;
    font-size: 20px;
    font-weight: 500;
    padding: 0 5px 1px 5px;
}
/*Окончание страницы - Новости*/

/*Начало страницы - Новость*/
.new .new_head {
    text-align: center;
    color: #29b1fd;
    font-size: 20px;
    font-weight: 500;
    margin: 40px 0 15px 0;
    padding: 0 5px 1px 5px;
}
.new > p {
    color: #373737;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0.5rem;
}
.new > strong,
.new > p > strong {
    font-weight: 600;
}
.new > ul > li {
    margin: 0 0 5px 0;
}
.new > ul > li > p,
.new > ol > li > p,
.new > ul > li > ul > li > p {
    margin: 0 0 5px 0;
}
.new > a,
.new > a:focus,
.new > a:hover,
.new > span > a,
.new > span > a:focus,
.new > span > a:hover,
.new > p > a,
.new > p > a:focus,
.new > p > a:hover,
.new > p > span > a,
.new > p > span > a:focus,
.new > p > span > a:hover,
.new > ul > li > a,
.new > ul > li > a:focus,
.new > ul > li > a:hover,
.new > ul > li > p > a,
.new > ul > li > p > a:focus,
.new > ul > li > p > a:hover {
    text-decoration: underline;
}
/*Окончание страницы - Новость*/

/*Начало страницы - Запрос в службу поддержки*/
.ticket-reply-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.ticket-reply-toggle-icon {
    transition: transform .2s ease;
}
.ticket-reply-toggle[aria-expanded="true"] .ticket-reply-toggle-icon {
    transform: rotate(180deg);
}
.ticket-reply-hidden {
    display: none;
}
.viewticket > .markdown-content.staff {
    float: left;
    width: 80%;
    border-radius: 10px 6px 10px 10px;
    margin: 0 0 30px 0;
    border: 1px solid #47556933;
    -webkit-box-shadow: 4px 4px 1px 0 #47556933;
    -moz-box-shadow: 4px 4px 1px 0 #47556933;
    box-shadow: 4px 4px 1px 0 #47556933;
}
.viewticket > .markdown-content.staff > .posted-by {
    padding: 5px 20px;
    color: #fff;
    background: #475569;
    border-radius: 5px;
    border-bottom: 1px solid #47556912;
    margin: -5px;
}
.viewticket > .markdown-content.staff > .message {
    background: #47556912;
    border-radius: 0 0 10px 10px;
}
.viewticket > .markdown-content.user {
    float: right;
    width: 80%;
    border-radius: 10px 6px 10px 10px;
    margin: 0 0 30px 0;
    border: 1px solid #29b1fd4d;
    -webkit-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    -moz-box-shadow: 4px 4px 1px 0 #29b1fd5e;
    box-shadow: 4px 4px 1px 0 #29b1fd5e;
}
.viewticket > .markdown-content.user > .posted-by {
    padding: 5px 20px;
    color: #fff;
    background: #29b1fd;
    border-radius: 5px;
    border-bottom: 1px solid #29b1fd12;
    margin: -5px;
}
.viewticket > .markdown-content.user > .message {
    background: #29b1fd12;
    border-radius: 0 0 10px 10px;
}
/*Окончание страницы - Запрос в службу поддержки*/

/*Начало стилей для плашки принятия файлов cookie*/
.cookie-consent {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 400px;
    background: #475569;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    font-size: 14px;
    line-height: 1.5;
    transform: translateY(150%);
    transition: transform 0.5s ease-in-out;
}
.cookie-consent.show {
    transform: translateY(0);
}
.cookie-consent.hide {
    transform: translateY(150%);
}
.cookie-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #fff;
}
.cookie-text {
    margin: 0 0 15px 0;
    color: #f0f0f0;
}
.cookie-buttons {
    display: flex;
}
.cookie-btn,
.cookie-btn:focus {
    transition: all 0.3s ease;
    flex: 1;
}
.cookie-btn:hover {
    background: #29b1fda3;
    border-color: #29b1fda3;
}
/*Окончание стилей для плашки принятия файлов cookie*/

/*Начало модуля — Мои серверы (ppservers)*/
.ppservers {
    margin: 20px 0 40px;
}
.ppservers .ppservers_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 25px;
}
.ppservers .ppservers_title {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.ppservers .ppservers_card {
    margin: 0 0 20px;
    transition: box-shadow 0.3s, border-color 0.3s;
}
.ppservers .ppservers_card:hover {
    border-color: #29b1fd78;
}
.ppservers .ppservers_card_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
}
.ppservers .ppservers_card_title {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}
.ppservers .ppservers_card_meta {
    color: #475569;
    margin: 0 0 15px;
    font-size: 14px;
}
.ppservers .ppservers_card_meta i {
    color: #29b1fd;
    margin: 0 8px 0 0;
}
.ppservers .ppservers_card_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.ppservers .ppservers_inline_delete {
    display: inline;
    margin: 0;
}
.ppservers .ppservers_badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
}
.ppservers .ppservers_badge_service {
    background: #29b1fd1c;
    color: #29b1fd;
    border: 1px solid #29b1fd78;
}
.ppservers .ppservers_badge_external {
    background: #4755691a;
    color: #475569;
    border: 1px solid #47556940;
}
.ppservers .ppservers_block {
    margin: 0 0 20px;
}
.ppservers .ppservers-hidden {
    display: none !important;
}
.ppservers .ppservers_block_header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.ppservers .ppservers_block_title {
    font-weight: 600;
}
.ppservers .ppservers_block_intro {
    margin: 0 0 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8f4fc;
    font-size: 13px;
    font-weight: 400;
    color: #475569;
    line-height: 1.55;
}
.ppservers .ppservers_block_icon {
    color: #29b1fd;
    font-size: 18px;
}
.ppservers .ppservers_required {
    color: #e74c3c;
    font-weight: 600;
}
.ppservers .ppservers_help {
    color: #475569 !important;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 6px;
}
.ppservers .form-control:focus {
    border-color: #29b1fd;
    box-shadow: 0 0 0 0.2rem #29b1fd2b;
}
.ppservers .form-control.is-invalid {
    border-color: #e74c3c;
}
.ppservers .invalid-feedback {
    font-size: 12px;
}
.ppservers .ppservers_password_wrap {
    position: relative;
}
.ppservers .ppservers_password {
    padding-right: 42px;
}
.ppservers .ppservers_password_toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #475569;
    padding: 4px 6px;
    cursor: pointer;
    line-height: 1;
}
.ppservers .ppservers_password_toggle:hover {
    color: #29b1fd;
}
.ppservers .ppservers_footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 25px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #29b1fd2b;
}
.ppservers .ppservers_empty {
    text-align: center;
    padding: 50px 20px;
    border-radius: 8px;
    background: #29b1fd0d;
    border: 1px dashed #29b1fd78;
}
.ppservers .ppservers_empty_icon {
    font-size: 40px;
    color: #29b1fd;
    margin: 0 0 15px;
}
.ppservers .ppservers_empty_text {
    color: #475569;
    margin: 0 0 20px;
}
.ppservers .ppservers_choose_intro {
    color: #475569;
    text-align: center;
    font-size: 14px;
    margin: 0 0 20px;
}
.ppservers .ppservers_choose_grid {
    margin: 0 -10px;
}
.ppservers .ppservers_choose_card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 220px;
    margin: 0 0 20px;
    padding: 24px 22px 20px;
    border-radius: 10px;
    border: 1px solid #29b1fd40;
    background: #fff;
    box-shadow: 0 2px 8px #29b1fd14;
    text-decoration: none;
    color: inherit;
    transition: border-color .2s, box-shadow .2s, transform .15s;
}
.ppservers .ppservers_choose_card:hover {
    border-color: #29b1fd;
    box-shadow: 0 8px 24px #29b1fd2e;
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}
.ppservers .ppservers_choose_icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #29b1fd1a;
    color: #29b1fd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin: 0 0 16px;
}
.ppservers .ppservers_choose_title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #0f172a;
}
.ppservers .ppservers_choose_text {
    flex: 1;
    font-size: 13px;
    line-height: 1.55;
    color: #475569;
    margin: 0 0 16px;
}
.ppservers .ppservers_choose_action {
    font-size: 13px;
    font-weight: 600;
    color: #29b1fd;
}
.ppservers .ppservers_view_field {
    margin: 0 0 18px;
}
.ppservers .ppservers_view_label {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    margin: 0 0 6px;
}
.ppservers .ppservers_view_value {
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
}
.ppservers .form-check {
    padding-left: 1.5rem;
    margin: 6px 0;
}
.ppservers .form-check-input {
    margin-top: 0.2rem;
}
@media (max-width: 767px) {
    .ppservers .ppservers_header {
        flex-direction: column;
        align-items: stretch;
    }
    .ppservers .ppservers_header .btn {
        width: 100%;
    }
}
/*Окончание модуля — Мои серверы (ppservers)*/

/*Начало модуля — Мониторинг ошибок (pp_monitoring)*/
.pp_monitoring {
    margin: 20px 0 40px;
}
.pp_monitoring .pp_monitoring_header {
    margin: 0 0 15px;
}
.pp_monitoring .pp_monitoring_title {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.pp_monitoring .pp_monitoring_intro {
    color: #475569;
    margin: 0 0 25px;
    max-width: 720px;
}
.pp_monitoring .pp_monitoring_actions {
    margin: 0 0 30px;
}
.pp_monitoring .pp_monitoring_bind_hidden {
    display: none;
}
.pp_monitoring .pp_monitoring_bind_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.pp_monitoring .pp_monitoring_bind_header .pp_monitoring_btn_hide_bind {
    padding: 0;
    color: #475569;
    text-decoration: none;
}
.pp_monitoring .pp_monitoring_bind_header .pp_monitoring_btn_hide_bind:hover {
    color: #29b1fd;
    text-decoration: none;
}
.pp_monitoring .pp_monitoring_sites_section {
    margin: 40px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #29b1fd2b;
}
.pp_monitoring .pp_monitoring_subtitle {
    margin: 0 0 24px;
    font-size: 18px;
    font-weight: 600;
}
.pp_monitoring .pp_monitoring_sites_row {
    margin: 0 -10px;
}
.pp_monitoring .pp_monitoring_sites_row > [class*="col-"] {
    padding: 0 10px 20px;
}
.pp_monitoring .pp_monitoring_card,
.pp_monitoring .pp_monitoring_site_card {
    margin: 0 0 20px;
    border-radius: 8px;
    transition: box-shadow 0.3s, border-color 0.3s;
}
.pp_monitoring .pp_monitoring_bind_panel {
    margin: 0 0 30px;
}
.pp_monitoring .pp_monitoring_site_card:hover {
    border-color: #29b1fd78;
}
.pp_monitoring .pp_monitoring_site_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
}
.pp_monitoring .pp_monitoring_site_domain {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}
.pp_monitoring .pp_monitoring_site_meta {
    color: #475569;
    margin: 0 0 12px;
    font-size: 14px;
}
.pp_monitoring .pp_monitoring_site_meta i {
    color: #29b1fd;
    margin: 0 8px 0 0;
}
.pp_monitoring .pp_monitoring_badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    white-space: nowrap;
}
.pp_monitoring .pp_monitoring_badge_connected {
    background: #29b1fd1c;
    color: #29b1fd;
    border: 1px solid #29b1fd78;
}
.pp_monitoring .pp_monitoring_badge_disabled,
.pp_monitoring .pp_monitoring_badge_pending_rebind {
    background: #4755691a;
    color: #475569;
    border: 1px solid #47556940;
}
.pp_monitoring .pp_monitoring_required {
    color: #dc3545;
}
.pp_monitoring .pp_monitoring_help {
    color: #475569;
}
.pp_monitoring .form-control:focus {
    border-color: #29b1fd;
    box-shadow: 0 0 0 0.2rem #29b1fd2b;
}
@media (max-width: 767px) {
    .pp_monitoring .pp_monitoring_site_top {
        flex-direction: column;
    }
}
/*Окончание модуля — Мониторинг ошибок (pp_monitoring)*/

/* Yandex SmartCaptcha: невидимый режим — без лишней высоты под чекбокс */
.yandex-smartcaptcha-block .platparts-smartcaptcha-container {
    min-height: 0;
    line-height: 0;
    font-size: 0;
}