@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    background: #ffffff;
    overflow-x: hidden;
}
/* Основные стили */
body {
    font-family: Inter, sans-serif;
    background: #ffffff;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
main {
    flex: 1;
    margin-top: 90px;
}
a {
    text-decoration: none;
    cursor: pointer;
}

/* Контейнер для центрирования контента */
.container {
    width: 100%;
    max-width: 1248px;
    margin: 0 auto;
}

/* Шапка */

header {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: top 0.3s;
    background-color: #fff;
}

.header {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.header_logo {
    width: 202px;
    height: 44px;
    width: 235px;
    height: 50px;
}
.header_logo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.header_burger {
    display: none;
}
.header_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #F6F6F9;
    border-radius: 80px;
    max-height: 56px;
    padding: 16px 8px;
    position:relative;
}
.header_main a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #15202E;
    padding: 15px 24px;
}
.header_dropdown a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
}
.header_main a.is-active{
    color:#410397;
}
/* общий стиль дропдаунов */
.header_dropdown{
    position:absolute;
    left:20%;
    top:100%;
    min-width:280px;
    background:#F3F2F7;
    border-radius:16px;
    padding:18px 16px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    opacity:0;
    transform:translateY(8px);
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
    z-index:50;
    padding: 20px 20px;
    background: #f6f6f9;
}
.header_dropdown a{
    display:block;
    padding: 12px 12px;
    border-radius:10px;
    color:#000102;
    font-weight: 500;
}
.header_dropdown a:hover { background: #fff; }
.header_dropdown.is-open { opacity:1; transform:translateY(0); pointer-events:auto; }

/* на мобильном можно делать дропдауны статичными (по желанию) */
/*@media (max-width:768px){
    .header_dropdown{ position:fixed; left:16px; right:16px; top:auto; bottom:16px; }
}*/



.header_lang {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
}

/*main*/

.baner_top {
    position: relative;
    width: 100%;
    height: 500px;
    background: url('../img/baner-top.png') center center / cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    margin: 16px 0 0;
}
.banner-content {
    margin: 84px 88px ;
    max-width: 507px;
}

.banner-content h1 {
    font-weight: 900;
    font-style: normal;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: 0;
    color: #FFFFFF;
}
.banner-content h1 span {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    padding-top: 16px;
}

.banner-content .btn {
    display: inline-block;
    background: #0090A9;
    color: #fff;
    text-decoration: none;
    padding: 12px 91px;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 12px;
    transition: background 0.3s ease;
    margin-top: 59px;
}

/*баннер начало*/

/* Базовые стили баннера из твоей верстки */
.banner-slider {
    position: relative;
    width: 100%;
    height: 500px;
    border-radius: 16px;
    overflow: hidden;
    margin: 16px 0 0;
    outline: none;
}

.slider-viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: contain !important;
    touch-action: pan-y;      /* разрешаем вертикальный скролл, свайпаем по X */
}
.banner-content .btn,
.banner-content h1,
.header_main a,
.header_logo,
.dc-scale {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* старый Edge/IE */
    user-select: none;         /* стандарт */

    -webkit-touch-callout: none; /* iOS: запрет контекстного меню по долгому тапу */
}
.slider-track {
    display: flex;
    height: 100%;
    will-change: transform;
    transition: transform 1.5s ease; /* 1.5s slide */
}

.slide {
    flex: 0 0 100%;
    height: 100%;
    width: -webkit-fill-available;
    position: relative;
    /*background: var(--bg) center center / cover no-repeat;*/
    background-image: var(--bg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.banner-content {
    margin: 84px 88px;
    max-width: 507px;
}
.banner-content h1 {
    font-weight: 900;
    font-size: 56px;
    line-height: 120%;
    color: #FFFFFF;
    width: max-content;
    max-width: 100%;
}
.banner-content h1 span {
    display: inline-block;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    padding-top: 16px;
    max-width: 507px;
}
.banner-content .btn {
    display: inline-block;
    background: #0090A9;
    color: #fff;
    text-decoration: none;
    padding: 12px 91px;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    transition: background .3s ease;
    margin-top: 59px;

}

/* Индикаторы — “черточки” слева снизу */
.dots {
    position: absolute;
    left: 24px;
    bottom: 20px;
    display: flex;
    gap: 12px;
}
.dots button {
    width: 28px;
    height: 4px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.55);
    cursor: pointer;
    padding: 0;
}
.dots button[aria-current="true"] {
    width: 104px;
    background: #fff;
}
.dots button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px rgba(0,0,0,.35) inset;
}

/* Фокус на всей карусели для управления стрелками */
.banner-slider:focus-visible {
    box-shadow: 0 0 0 3px rgba(255,255,255,.6) inset;
}

/*баннер конец*/
/*растояние меж блоками страниц*/
.solut_main,
.obanke_miss,
.obanke_cen,
.obanke_baner_bottom,
.obanke_rec,
.privat_vklad,
.privat_protection,
.privat_demand,
.biznes_check,
.biznes_tarif,
.distant_center,
.distant_info,
.economic_valuta,
.economic_form,
.economic_info,
.economic_tab {
    margin-top: 96px;
}
.obanke_new {
    margin-top: 50px;
}
.news_main {
    margin-top: 72px;
}
.courses,
.news-bottom,
.news-open-bottom,
.strak_agent,
.biznes_usl,
.distant_tab,
.economic_tab {
    margin: 96px 0;
}
.privat_document {
    margin-bottom: 96px;
}



/*Подзаголовки страниц*/

.solut_main h2,
.news_main h2,
.courses h2,
.news-open-bottom h2,
.news-top h2,
.news-bottom h2,
.obanke_new h2,
.obanke_baner_bottom h2,
.obanke_cen h2,
.obanke_miss h2,
.obanke_rec h2,
.privat_vklad h2,
.privat_demand h2,
.biznes_check h2,
.economic_valuta h2,
.biznes_dip h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    color:#000102;
}
.obanke_cen h6 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0;
    color:#000102;
    margin-top: 40px;
    margin-bottom: 20px;
}
.solut_main h2{
    margin-bottom: 40px;
}
/*flex страниц*/

.solutions_flex,
.news_all,
.courses_all,
.news-top_all,
.news-scrol-all,
.news-open-bottom-all,
.obanke_miss_all,
.obanke_cen_all,
.obanke_new_all,
.privat_vklad_all,
.depcalc_all,
.privat_demand_all,
.privat_document_all,
.strak_agent_all,
.biznes_check_all,
.biznes_dip_all,
.distant_center_all,
.distant_info_all,
.economic_info_all{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.privat_document_all {
    justify-content: flex-start;

}

.solutions_flex {
    padding-bottom: 24px;
}

/*flex в блоках страниц*/

.card,
.news_list,
.courses_list,
.news-top_list,
.news-scrol-list,
.news-open-bottom-list,
.obanke_cen_list,
.obanke_miss_list,
.obanke_new_list,
.privat_vklad_list,
.privat_demand_list,
.privat_document_list,
.strak_agent_list,
.biznes_check_list,
.biznes_dip_list,
.distant_center_list,
.distant_info_list,
.economic_info_list {
    padding: 32px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card{
    background-color: #ededf3;
    position:relative;
    overflow: hidden;
    min-height: 300px;
}
.card_rko {
    background-image: url(../img/solut1.png);
    background-position-x: right;
    background-position-y: center;
    background-size: 42%;
    background-repeat: no-repeat;
    width: 66%;
}
.card_online {
    width: calc(34% - 24px);
    margin-left: 24px;
    background: #addbe3;
}
.card_deposits {
    width: calc(42% - 24px);
    margin-right: 24px;
    background: #e1d8ee;
}
.card_ved {
    width: 58%;
    background: url('../img/solut2.png');
    background-color: #a370eb;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80% 100%;
    overflow: hidden;
}

.card__title{ margin:0; color: #000102; }
.card__title--h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
}
.card__title--h3 span {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.4;
    color: #424F54;
    display: inline-block;
    vertical-align: top;
    padding-top: 12px;
}
.card__title--h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
}
.card__title--h2 span {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    padding-top: 12px;
    max-width: 320px;
}
.card__title--white{
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,.25);
}

/* Кнопка-пилюля 300×48 */
.btn-pill{
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 48px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    background: #330279;
    transition:transform .12s ease, opacity .2s ease, box-shadow .2s ease;
}
.btn-pill_cyan {
    width: 100%;
    background: #0090a9;
}
.btn-pill_white {
    color: #410397;
    background: #ffffff;
}

.news_main h2 {
    margin-bottom: 28px;
}
.news_list {
    background: #F6F6F9;
    width: calc(100% / 3 - 12px);
}
.news_list span {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
}
.news_list p {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #15202E;
    margin-top: 24px;
    margin-bottom: 16px;
    flex: 1;
}
.news_list a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
}
.news-scrol-list a::after,
.news-top_list a::after,
.news-open-bottom-list a::after,
.news_list a::after {
    content: " →";
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.2s ease;
}
.courses h2 {
    margin-bottom: 28px;
}
.courses_list {
    width: calc(100% / 4 - 12px);
    background: linear-gradient(145deg, #daeff3 0%, #71bdcb 100%), #CCE9EE;
}
.courses_list_i {
    display: flex;
    align-items: center;
}
.courses_list_i img {
    object-fit: contain;
    width: 44px;
    height: 44px;
    padding: 2px;
}
.courses_list h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    color: #000102;
    padding-left: 8px;
}
.courses_list p {
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    color: #424F54;
    padding: 24px 0 12px;
}
.courses_list h5 {
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;

}

/*footer*/

footer {
    margin-bottom: 0;
    width: 100%;
    min-height: fit-content;
    background: #F6F6F9;
    color: #000102;
    padding: 80px;
}
.footer_all_mob {
    display: none;
}
.footer_all {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer_list {
    display: flex;
    flex-direction: column;
}
.footer_list img {
    object-fit: contain;
    width: 183px;
}
.footer_list h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
}
.footer_list a {
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    color: #D9CDEA;
    color: #000102;
    padding-top: 16px;
}
.footer_list .footer_list_logo {
    padding-top: 0;
}
.footer_list .footer_list_save {
    margin: 40px 0 20px;
}
.footer_list .footer_list_save img {
    width: 110px;
    height: 110px;
    border-radius: 16px;
    /*filter: drop-shadow(0px 0px 2px #410397);*/
}
.footer_list a p {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    padding-top: 20px;
}
.footer_list a span {
    letter-spacing: 0;
    color: #424F54;
    padding-top: 8px;
}
.footer_bottom {
    margin-top: 60px;
}
.footer_bottom_a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 850px;
}
.footer_bottom_a a {
    text-decoration: underline;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #424F54;
    margin-right: 16px;
}
.footer_bottom p {
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #424F54;
    padding-top: 28px;
}


/*Страница Новости news*/
.news-top {
    margin-top: 40px;
}
.news-top h2,
.news-bottom h2 {
    margin-bottom: 40px;
}
.news-top_list {
    width: calc(100% / 3 - 24px);
    background: #F6F6F9;
}
.news-top_list2 {
    width: calc(100% / 1.5) !important;

}
.news-top_list span {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;

}
.news-top_list p {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
    flex: 1;
    padding: 24px 0 52px;
}

.news-top_list2 p {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    padding: 20px 0 48px;
}
.news-top_list a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
}


.news-scrol-all {
    flex-wrap: wrap;
}
.news-scrol-list {
    width: calc(100% / 3 - 24px);
    margin-bottom: 40px;
    background: #F6F6F9;
}
.news-scrol-list span {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
}
.news-scrol-list p {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
    padding: 24px 0;
    flex: 1;
}
.news-scrol-list a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;

}
.news-scrol-num {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.news-scrol-num a {
    margin-right: 8px;
    border-radius: 8px;
    border: 1px #90A6B0 solid;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #90A6B0;
    width: 40px;
    height: 40px;
}
.news-scrol-num .news-scrol-num-a {
    color: #ffffff;
    background: #424F54;
}
.news-open-all {
    padding-top: 64px;
}
.news-open-all-a a,
.news-open-all-a,
.news-open-all-a span {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
}

.news-open-all-a span {
    color: #90A6B0;

}
.news-open-top {
    margin-top: 60px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.news-open-top-tx {
    max-width: 824px;
}
.news-open-top-tx span{
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;

}
.news-open-top-tx h3 {
    font-weight: 600;
    font-style: normal;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: 0;
    color: #000102;
    padding: 24px 0 40px;
}
.news-open-top-tx p {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;

}
.news-open-top-tx p b {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;

}
.news-open-bottom h2 {
    margin-bottom: 40px;
}
.news-open-bottom-list {
    width: calc(100% / 3 - 24px);
    background: #F6F6F9;
}
.news-open-bottom-list span {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;

}
.news-open-bottom-list p {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
    padding: 24px 0;
    flex: 1;
}
.news-open-bottom-list a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
}
.politik {
    margin-bottom: 40px;
}
.politik_all p {
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    color: #000102;
    text-align: justify;
    padding-bottom: 20px;
    /*text-indent: 2em;*/
}
/*страница о банке*/

/*Заголовки страниц*/
.obanke_baner h2,
.privat_baner h2,
.strak_vopros h2,
.biznes_baner h2,
.distant_baner h2,
.economic_baner h2,
.politik h2 {
    font-weight: 600;
    font-style: normal;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: 0;
    color: #000102;
    padding: 64px 0 40px;
}
/* Банер под заголовками страниц*/
.obanke_baner img,
.distant_baner img,
.economic_baner img,
.biznes_baner img,
.privat_baner img,
.obanke_baner_bottom img {
    object-fit: contain;
    width: 100%;
    min-height: 400px;
    border-radius: 16px;
}
.obanke_new h2,
.obanke_baner_bottom h2,
.obanke_cen h2,
.obanke_miss h2 {
    padding: 0 0 40px;
}
.obanke_miss_list {
    width: calc(100% / 3 - 12px);
    background:
            linear-gradient(135deg, #F1EDF7 0%, #D9CDEA 100%),
            #F2ECFF;
}
.obanke_miss_list p {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
}
.obanke_cen_all {
    flex-wrap: wrap;
    gap: 24px 24px;
}
.obanke_cen_list {
    width: calc(100% / 2 - 12px);
    padding: 24px;
    background:
            linear-gradient(180deg, #CCE9EE 0%, #A0D5DF 100%),
            #F6F6F9;
}
.obanke_cen_list h5 {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
    padding-bottom: 20px;
}
.obanke_cen_list p {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
    flex: 1;
}
.obanke_rec h2 {
    padding: 0 0 40px;
}
.obanke_rec a {
    padding: 12px 44.5px;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #FFFFFF;
    border-radius: 12px;
    background-color: #410397;
    display: inline-block;
}
.obanke_baner_bottom h2 {
    padding: 0 0 40px;
}
.obanke_baner_bottom img {
    margin-bottom: 40px;
}
.obanke_new p,
.obanke_baner_bottom p {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    padding-bottom: 40px;
}
.obanke_baner_bottom p a:hover {
    text-decoration: underline;
}
.obanke_baner_bottom p span{
    display: list-item;               /* превращаем p в элемент списка */
    list-style: disc;
    margin-left: 30px;
    line-height: 1.5;
}
.obanke_baner_bottom p span::marker{
    color:#424F54;
}
.obanke_new {
    margin-bottom: 56px;
}
.obanke_new h4 {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
    padding-bottom: 20px;
}
.obanke_new_all {
    margin-bottom: 96px;
}
.obanke_new_list {
    width: calc(100% / 2 - 12px);
    padding: 24px;
    background:
            linear-gradient(180deg, #CCE9EE 0%, #A0D5DF 100%),
            #F6F6F9;
}
.obanke_new_list2 {
    background:
            linear-gradient(135deg, #F1EDF7 0%, #D9CDEA 100%),
            #F2ECFF;
}
.obanke_new_list h5 {
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    padding-bottom: 20px;
}
.obanke_new_list h6 {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    flex: 1;
}

/*линия истории*/


/* Линия и точки */
.tl-years {
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.tl-years::after{
    content:"";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 24px;
    height: 4px;
    background: #D9CDEA;
    border-radius: 5px
}
.tl-year{
    position: relative;
    background: none;
    border: 0;
    padding-bottom: 26px;
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: #d9cdea;
    cursor: pointer;
}
.tl-year .tl-dot{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #ffffff;
    border: 5.27px solid #D9CDEA;
    z-index: 1;
    box-sizing: border-box;
}
.tl-year.is-active .tl-dot{
    border-color: #400397;
}
.tl-year.is-active,
.tl-year[aria-selected="true"]{
    color: #400397;
}

/* Панель комментариев (как на макете: светло-фиолетовая подложка + фиолетовая рамка) */
.tl-panel{
    background: linear-gradient(180deg, rgba(64, 3, 151, 0.06) 0%, rgba(83, 4, 193, 0.02) 100%), #F6F6F9;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 40px;
}
.tl-list{
    margin:0;
    padding-left:1.2em;
}
.tl-list li{
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;

    display:list-item;
    list-style: disc;
    color: #000102;
}
.tl-list li::marker{ color: #400397; }

/* Доступность */
.sr-only{
    position:absolute; width:1px; height:1px; margin:-1px; padding:0;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.tl-panel{
    position: relative;
}

/* Уголок-«скошенный» (как складка бумаги). Двойной слой: рамка + заливка */
.tl-panel::before,
.tl-panel::after{
    content:"";
    position:absolute;
    top:-6px;                                /* наполовину выходит над панелью */
    left: var(--pointer-left, 24px);         /* центр уголка — задаём из JS */
    transform: translateX(-50%) rotate(45deg);
    border-radius: 2px;                       /* лёгкое скругление как в макете */
    pointer-events: none;
    z-index: 1;
}

/* внешний «контур» (цвет рамки панели) */
.tl-panel::before{
    width:14px; height:14px;
    background: #ebe8f3;           /* #D9CDEA */
}

/* внутренняя заливка (цвет фона панели) */
.tl-panel::after{
    width:12px; height:12px;
    top:-6px;                                /* на 1px ниже, чтобы получилась рамка */
    background: #ebe8f3;                     /* как у панели; заменишь, если фон другой */
}

/*линия истории end*/

/*-----------форма с модалкой-----------*/

/* Ссылка-инициатор */


/* Оверлей */
.overlay {
    position: fixed; left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.5);
    display: none;            /* скрыт по умолчанию */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1000;
}
.overlay.show { display: flex; }

/* Модалка */
.f_modal {
    width: min(720px, 92vw);
    border-radius: 16px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    overflow: hidden;
    background: linear-gradient(135deg, #400397 0%, rgba(83, 4, 193, 0) 60%), #F2ECFF;
    background-blend-mode: hue;
    overflow-y: scroll;
    height: auto;
    scrollbar-width: none;
}

.f_modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 32px;
}
.f_modal__title {
    margin: 0;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #410397;
}
.f_modal__close {
    border: none;
    background: transparent;
    font-size: 40px;
    line-height: 0;
    font-weight: 100;
    cursor: pointer;
    padding: 10px;
}

.f_modal__body {
    padding: 16px;
    overflow: auto;
}

/* Форма */
form { display:grid; gap:12px; }
.row { display:grid; gap:6px; }
label { font-size:14px; }
.req::after { content:" *"; color:#d00; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="file"],
textarea,
select {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #E6E8F000;
    background: #FFFFFF;
    font: inherit;
    width:100%;
    box-sizing:border-box;
}
textarea { min-height:120px; resize:vertical; }

.agree { display:grid; grid-template-columns:20px 1fr; gap:10px; align-items:start; }

.actions { display:flex; gap:10px; justify-content:flex-end; margin-top:6px; }

.btn,.btn-clear {
    min-width: 110px;
    padding: 12px;
    border: 0;
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
}
.btn.primary {
    background: #410397;
    color: #FFFFFF;
}

.note { color:#666; font-size:12px; margin-top:-4px; margin-bottom:4px; }
.row input:focus,
textarea:focus,
.filenames:focus,
select:focus  {
    outline: none;
    border-color: #5A2BBD;
    box-shadow: 0 0 0 3px rgba(90, 43, 189, .15);
}
#agree,
#agree_2 {
    width: 18px;
    height: 18px;
}


.upload-row{
    display:flex; align-items:center; gap:12px; max-width:720px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Скрытый input[type=file] */
.visually-hidden{
    position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;
}

/* Красивая кнопка */
.btn-upload {
    display:inline-flex; align-items:center; gap:8px;
    padding:12px;
    border-radius:8px;
    border:1px solid #5b21b6;
    background: linear-gradient(180deg, #7c3aed, #5b21b6);
    color:#fff; font-weight:600; cursor:pointer;
    box-shadow: 0 6px 16px rgba(92,33,182,.25);
    transition: transform .06s ease, box-shadow .2s ease, background .2s ease;
    user-select:none;
}
.btn-upload:active{ transform: translateY(1px); }
.btn-upload:focus-visible{
    outline: none;
}

/* Иконка-скрепка */
.btn-upload svg{ width:30px; height:18px; }

/* Поле с именами — одна строка с многоточием */
.filenames{
    flex:1 1 auto;
    min-width: 240px;
    padding:12px;
    border:1px solid #d1d5db;
    border-radius:8px;
    background:#fff;
    box-sizing:border-box;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Кнопка очистки (по желанию) */
.btn-clear{
    padding: 12px; border-radius: 8px; border: 0px solid #e5e7eb00;
    background:#ffffff; color: #410397; cursor:pointer;
}
/*-----------форма с модалкой end-----------*/

/*-----------реквизиты в о банке--------*/


/* карточка-обёртка */
.kv-card{
    overflow: hidden;
    background: #fff;
    margin: 20px 0 40px;
}

/* таблица */
.kv-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: #1B1B1B;
    font-size: 16px;
    line-height: 1.45;
}

.kv-table th,
.kv-table td{
    padding: 8px;
    vertical-align: top;
}
.kv-table th,
.kv-table td {
    overflow-wrap: anywhere;   /* современный способ, ломает где угодно при нехватке места */
    word-break: break-word;    /* подстраховка для старых движков */
    hyphens: auto;             /* расстановка переносов по словарю */
}
.kv-table tbody tr:first-child th,
.kv-table tbody tr:first-child td{
    border-top: none;
}

/* левая колонка */
.kv-table th[scope="row"]{

    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color:#000102;

    width: 42%;
    text-align: left;
}

/* зебра */
.kv-table tbody tr:nth-child(even) th,
.kv-table tbody tr:nth-child(even) td{
    background: #F6F6F9;
}

/* ссылки */
.kv-table a{
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(0,0,0,.25);
}
.kv-table a:hover{
    text-decoration-color: currentColor;
}

/* доступность: скрытая подпись */
.sr-only{
    position:absolute !important;
    width:1px; height:1px;
    padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0);
    white-space:nowrap; border:0;
}

/*реквизиты в о банке end*/


/*Частным лицам*/

.privat_vklad h2 {
    margin-bottom: 20px;
}
.privat_vklad p {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #424F54;

}
.privat_vklad_all {
    flex-wrap: wrap;
    margin-top: 40px;
}
.privat_vklad_list {
    width: calc(100% / 3 - 12px);
    background: #F6F6F9;
    margin-bottom: 24px;
    justify-content: start;
    align-items: flex-start;
}
.privat_vklad_list img {
    object-fit: contain;
    width: auto;
    height: 44px;
}
.privat_vklad_list h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    color: #000102;
    margin: 20px 0 12px;
}
.privat_vklad_list p {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;

}
.privat_calculator {
    margin: 84px 0 0;
}
.privat_calculator h3{
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;
    margin-bottom: 24px;
}
/*-----------------калькулятор-----------*/

/* Контейнер */
.depcalc {
    background: #F6F6F9;
    border-radius: 16px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}
.depcalc h3 {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
}
.depcalc_all {
    align-items: center;
}
.depcalc__left {
    width: calc(100% - 516px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.depcalc__right{
    min-width: 460px;
    display:flex;
    align-items: center;
    justify-content: center;
}

/* Поле */
.dc-field{
    width: calc(100% / 2 - 14px);
    display: flex;
    flex-direction: column;
}
.dc-field_fon {
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 8px 12px 0 12px;
}
/* Чекбокс */
.dc-check {
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #424F54;
    display: flex;
    gap: 10px;
    align-items: center;
}
.dc-check input {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

.dc-label{
    display:block;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #424F54;
    margin-bottom: 4px;
}
.dc-value {
    height:36px;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    background: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}

/* Подписи под шкалой */
.dc-scale {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #424F54;
    padding: 8px 12px;

}
/* Карточка справа */
.dc-card{
    background: #fff;
    border-radius: 12px;
    padding: 21px 28px 35px;
    width: 100%;
}
.dc-rate #dcRate,
.dc-rate {
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    margin-bottom: 28px;
}

.dc-results {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.dc-result {
    display: flex;
    align-items:center;
}
.dc-result img {
    object-fit: contain;
    width: 44px;
    height: 44px;
    margin-right: 12px;
}
.dc-res-value,
.dc-res-label {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
}
.dc-res-label {
    font-size: 15px;
    line-height: 20px;
}

/* Слайдер */
input[type="range"]{
    webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px;
    background: #D9CDEA;
    border-radius: 2px;
    outline: none;
    margin: 12px 0 0;
    background-image: linear-gradient(#410397, #410397);
    background-repeat: no-repeat;
    background-size: 0% 2px;
    padding: 2px 0;
}
input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none; appearance:none;
    width:16px; height:16px; border-radius:50%;
    background:#410397; border:2px solid #fff;
    box-shadow: 0 0 0 3px #d9cdea;
    cursor:pointer;
}
input[type="range"]::-moz-range-thumb{
    width:16px; height:16px; border-radius:50%;
    background:#410397; border:2px solid #fff;
    box-shadow: 0 0 0 3px #d9cdea;
    cursor:pointer;
}
input[type="range"]::-moz-range-track{ height:2px; background:#D9CDEA; border:none; }
input[type="range"]:focus-visible{ outline: none; }

/* Стиль для новых инпутов (если нужно) */
#dcTermInput,
#dcAmountInput{
    width: 100%;
    border: 1px solid #d9cdea;
    font: inherit;
    box-sizing: border-box;
    height: 36px;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    background: none;
    border-radius: 8px;
    padding: 0 5px;
}
.dc-err{ border-color:#e11d48 !important; }

/* Ползунки — как у тебя «с полосой» */
input[type="range"]{
    -webkit-appearance:none; appearance:none;
    width:100%; height:2px; background:#D9CDEA; border-radius:2px; outline:none;
    margin:12px 0 0; background-image:linear-gradient(#410397,#410397);
    background-repeat:no-repeat; background-size:0% 2px; padding:2px 0;
}
input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none; width:16px; height:16px; border-radius:50%;
    background:#410397; border:2px solid #fff; box-shadow:0 0 0 3px #d9cdea; cursor:pointer;
}
input[type="range"]::-moz-range-thumb{
    width:16px; height:16px; border-radius:50%;
    background:#410397; border:2px solid #fff; box-shadow:0 0 0 3px #d9cdea; cursor:pointer;
}
input[type="range"]::-moz-range-track{ height:2px; background:#D9CDEA; border:none; }


/*-----------------калькулятор end-----------*/



.privat_protection {
    width: 100%;
    height: auto;
    position: relative;
}
.safe_banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 200px;
    padding: 47px 32px 59px;
    border-radius: 16px;
    overflow: hidden;
    background:
            radial-gradient(60% 100% at 100% 50%, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 60%),
            linear-gradient(90deg, #CCE9EE 0%, #BFE4E9 45%, #A0D5DF 100%);
}
.safe_banner h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;
}
.safe_banner p {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
    margin: 12px 0 32px;
}
.safe_banner a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
    background: #ffffff;
    padding: 12px 83.5px;
    border-radius: 12px;
}
.safe-banner_img{
    position: absolute;
    right: 91px;
    bottom: 0px;
    top: -41px;
    width: 320px;
    height: auto;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .12));
    pointer-events: none;
}

.privat_demand h2 {
    margin-bottom: 20px;
}
.privat_demand p {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #424F54;
}
.privat_demand_all {
    margin-top: 40px;
}
.privat_demand_list {
    width: calc(100% / 4 - 12px);
    background: #F6F6F9;
    justify-content: start;
    align-items: flex-start;
}
.privat_demand_list img {
    object-fit: contain;
    width: auto;
    height: 44px;
}
.privat_demand_list h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    color: #000102;
    margin: 20px 0 12px;
    flex: 1;
}
.privat_demand_list p {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
}
.privat_uslov h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;
    margin-top: 44px;
}
.privat_uslov a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #FFFFFF;
    padding: 12px 66.5px;
    background: #410397;
    border-radius: 12px;
}
.privat_check {
    margin: 72px 0 40px;
    border-radius: 16px;
    background: #F6F6F9;
    padding: 32px;
}
.privat_check h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;

}
.privat_check p {
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
    margin: 16px 0 4px;
}
.privat_check_all {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.privat_check_list {
    width: calc(100% / 2 - 28px);
}
.privat_check_tx {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 20px;
}
.privat_check_tx img {
    object-fit: contain;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.privat_check_tx h5 {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
}
.privat_document_all {
    align-items: flex-start;
    gap: 12px;
}
.privat_document_list {
    width: calc(100% / 3 - 12px);
    background: #F6F6F9;
}
.privat_document_list h4 {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
    margin-bottom: 12px;
}
.privat_document_list a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
    padding-top: 12px;
}

/*---------------Частным лицам end--------------*/

/*--------------Страхование------------*/

/* Контейнер FAQ */
.faq { display: grid; gap: 16px; }

/* Карточка вопроса */
.faq-item{
    margin-top: 20px;
}

.faq-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 88px;
    background: #F6F6F9;
    border-radius: 16px;
}

/* Кнопка-вопрос (во всю ширину) */
.faq-question{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: none;
    border: 0;
    padding: 20px;
    text-align: left;
    cursor: pointer;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
}
.faq-question:focus-visible{
    outline: 2px solid #410397;
    outline-offset: 2px;
}


/* Внутренний текст */
.faq-panel p {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    padding-top: 20px;
}
.faq-panel a {
    margin-left: 8px;
    font-weight: 500;
    color: #410397;
}
.faq-panel a:hover {
    text-decoration: underline;
}

/* Иконка: плюс → крестик */
.faq-icon{
    flex: 0 0 auto;
    width: 32px; height: 32px;
    border-radius: 50%;
    border: 2px solid #410397;
    position: relative;
    margin-left: 12px;
}
.faq-icon::before,
.faq-icon::after{
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: 16px; height: 2px;
    background: #410397;
    transform-origin: center;
    transition: transform .2s ease;
    transform: translate(-50%, -50%) rotate(0deg);   /* горизонтальная */
}
.faq-icon::after{
    transform: translate(-50%, -50%) rotate(90deg);  /* вертикальная */
}
.faq-item.is-open .faq-icon::before{
    transform: translate(-50%, -50%) rotate(45deg);
}
.faq-item.is-open .faq-icon::after{
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Панель ответа (плавное раскрытие) */
.faq-panel{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .3s ease, opacity .25s ease, padding .3s ease;
}
.faq-item.is-open .faq-panel{
    max-height: 100%; /* достаточно большое значение */
    opacity: 1;
}

.strak_vopros p {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    margin-bottom: 20px;
}
.faq-panel-mark {
    font-weight: 400;
}
.faq-panel-mark::before {
    content: "•";
    display: inline-block;
    width: 1em;      /* за счёт ширины получаем отступ */
    margin-left: 0;  /* можно добавить, если нужно больше */
    color: #000102;
}
.strak_agent h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;
    margin-bottom: 40px;
}
.strak_agent p {
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    padding-bottom: 24px;
}
.strak_agent_list {
    width: calc(100% / 4 - 12px);
    background: #F6F6F9;
    padding: 20px;
}
.strak_agent_list p {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;

}
.strak_agent_list a {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #410397;
}
.strak_agent_list a:hover {
    text-decoration: underline;
}

/*--------------Страхование end------------*/


/*--------------для бизнеса------------*/

.biznes_dip {
    margin-top: 96px;
}

.biz_tarif_all {
    display: flex;
}
.biz_tarif_view {
    display: none;
    overflow:hidden;
    position:relative;
    --peek:14px;
    --gap:12px;
}
.biz_tarif_track {
    display:flex; will-change:transform;
    padding:0 var(--peek); /* «подглядывание» соседей */
    touch-action: pan-y;   /* вертикальный скролл ок, горизонталь — наш */
    transition: transform .32s ease-out;
}
.biz_tarif_slide {
    flex:0 0 calc(100% - (var(--peek)*2)); /* центральная карточка уже экрана */
    margin-right:var(--gap);

}
.biz_tarif_slide:last-child{ margin-right:0; }


.biznes_dip p {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #424F54;
    margin: 20px 0 40px;
}
.biznes_dip_list {
    width: calc(100% / 3 - 12px);
    background: #F6F6F9;
}
.biznes_dip_list_fon2 {
    background:
            linear-gradient(90deg, #CCE9EE 0%, #BFE4E9 48%, #A0D5DF 100%),
            #A0D5DF;
}
.biznes_dip_list_fon3 {
    background: linear-gradient(135deg, #F1EDF7 0%, #D9CDEA 60%), #F1EDF7;
}
.biznes_dip_list img {
    object-fit: contain;
    width: 44px;
    height: auto;
}
.biznes_dip_list h4 {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;
    margin: 24px 0 12px;
    flex: 1;
}
.biznes_dip_list h5 {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;

}
/*переходы по вкладкам*/
.tabs__nav { display:flex; gap:16px; }
.tabs__btn {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #424F54;
    background:none;
    border:0;
    cursor:pointer;
    margin-right: 24px;
    position:relative;
}

.tabs__btn:hover,
.tabs__btn.is-active {
    color: #410397;
    border-bottom: 1px #410397 solid;
    margin-bottom: -1px;
}
.tabs__btn.is-active {
    font-weight: 600;
}

.tabs_doun {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.tabs_doun a,
.faq-panel_a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 0;

}
.tabs_doun a img,
.faq-panel_a img {
    object-fit: contain;
    width: 32px;
    margin-right: 12px;
}
.tabs_doun a p,
.faq-panel_a p {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #410397;
    padding-top: 0;
}
.faq-panel_a p span {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #424F54;
}
.tabs_doun a:hover {
    text-decoration: underline;
}

.tabs__panel[hidden] {
    display:none;
} /* универсальное скрытие */
.tabs__panel {
    width: 100%;
}
/*калькулятор в переходе по вкладкам*/
.depbox {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.depbox__tabs {
    display: flex;
}
.depbox__tab{
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;

    background: none;
    border: 2px #41039700 solid;
    padding: 8px 16px;
    border-radius: 8px;
    cursor:pointer;
    margin-right: 4px;
}
.depbox__tab.is-active {
    color: #410397;
    border: 2px #410397 solid;
}

.depbox__grid {
    width: 100%;
    margin-top: 28px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.depbox__left {
    width: calc(100% - 620px);
}
.dc-note {
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #000000;
    margin-top: 16px;
}
.depbox__right {
    width: 592px;
}
.depbox__left .btn--primary,
.depbox__grid .btn_mob {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #FFFFFF;
    margin-top: 95px;
    padding: 12px 66.5px;
    border-radius: 12px;
    background: #410397;
    display: inline-block;
    height: auto;
}

.depbox__grid .btn_mob {
    display: none;
}
.dep-terms {
    list-style: none;
    margin: 0;
    padding: 0;
    background:#F6F6F9;
}
.dep-terms li {
    display:flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
}
.dep-terms span {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    width: 50%;
}
.dep-terms b {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
}
.dep-terms li:nth-child(even) {
    background: #ffffff;
}
.depcalc_biz {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}
.dc-card-top h3 {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;

}
.dc-card-top {
    width: calc(100% - 224px);
}
.dc-field_biz {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}
.dc-field_fon_biz {
    background: #F6F6F9;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 8px 12px 0 12px;
}
.dc-card-top .dc-check {
    margin-top: 24px;
}


.dc-card_biz {
    min-width: 190px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}
.dc-results_biz {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 25px;
}
.dc-result_biz {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 12px;
    background-color: #F6F6F9;
}
.dc-result_biz img {
    object-fit: contain;
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
}

/*-------------------------------------*/

.biz_tarif_all,
.biz_calkul_all {
    width: 100%;
    margin-top: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-color: #F6F6F9;
}
.biz_tarif_all h3,
.biz_tarif_list_tx h4,
.biz_tarif_list_tx h7,
.biz_tarif_list_tx p,
.biz_tarif_list_tx h5,
.biz_tarif_list_tx h6,
.biz_tarif_list_tx a {
    font-style: normal;
    letter-spacing: 0;
}
.biz_tarif_all h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #000102;
    margin-bottom: 28px;
}
.biz_tarif_tabel {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
.biz_tarif_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 20px;
    padding: 0 8px;
}
.biz_tarif_list_bott {
    background: #FFFFFF;
}
.biz_tarif_list_tx {
    width: calc(100% / 5);
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.biz_tarif_list_txh5 {
    align-items: flex-start;
}
.biz_tarif_list_tx h4 {
    font-weight: 600;
    font-size: 19px;
    line-height: 22px;
    color: #000102;
    text-align: center;
}
.biz_tarif_list_tx h6 {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #424F54;
    text-align: center;
}
.biz_tarif_list_tx h5 {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    color: #000102;
}
.biz_tarif_list_tx p {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #424F54;
    text-align: center;
}
.biz_tarif_list_tx h7 {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #000102;
    text-align: center;
}
.biz_tarif_list_tx a {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
    background-color: #410397;
    border-radius: 12px;
    padding: 12px 0;
    width: 100%;
}
.biz_tarif_list_txh5 a {
    font-weight: 600;
    color: #410397;
    text-align: start;
    background-color: #ffffff00;
    border-radius: 0;

}


/*-------------------------------------*/
/*тарифы переход по вкладкам*/

.tariffs__title{
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;
    text-align:center;
    margin-bottom: 28px;
}

/* Таблица: 5 колонок — 1 метки + 4 тарифы */
.tariffs__table{
    display: grid;
    grid-template-columns: 1.1fr repeat(4, 1fr);
    gap: 0;
    background: #ffffff;
    overflow: hidden;
}

/* Шапка */
.th {
    padding: 12px;
    background: #f6f6f9;
    text-align: center;
}

.plan-title {
    font-weight: 400;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0;
    color: #000102;
    text-align: center;
}
.plan-sub {
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0;
    color: #424F54;
    text-align: center;
}

/* Строка */
.trow{
    display:contents; /* каждая ячейка продолжает сетку */
}

/* Зебра — только фоны, НИКАКИХ рамок */
.trow:nth-of-type(odd) > .rowlabel,
.trow:nth-of-type(odd) > .td{
    background:#F6F6F9;
}
.trow:nth-of-type(even) > .rowlabel,
.trow:nth-of-type(even) > .td{
    background:#FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Ячейки */
.rowlabel, .td{
    padding:14px 16px;
}
.trow .td {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
}
.rowlabel {
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.muted {
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    color: #424F54;
}

/* CTA-строка — без зебры */
.trow--cta > .rowlabel,
.trow--cta > .td {
    background:#F6F6F9 !important;
}

/* Кнопки/ссылки */
.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    text-decoration: none;
}
.btn--purple{
    background: #410397;
    color:#fff;
    font-weight:500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 12px 32px;
}
.btn--purple:hover{
    background:#4a20c5;
}
.terms-link{
    color: #410397;
    text-underline-offset:2px;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
}






.dc-input-wrap{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}
.dc-input-wrap input{width:160px;padding:.5rem .6rem;border:1px solid #E3E6EB;border-radius:8px;font:inherit}
.dc-input-suf{opacity:.7}
input[type="range"]{width:100%;background:linear-gradient(to right,currentColor 0 0) no-repeat #e9ecf3; background-size:0% 2px; height:2px}


/*переходы по вкладкам end*/


.biznes_check p {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #424F54;
    margin: 20px 0 40px;
}
.biznes_check h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;

}
.biznes_check_all {
    margin-top: 24px;
}
.biznes_check_list {
    width: calc(100% / 3 - 12px);
    justify-content: center;
    background-color: #F6F6F9;
}
.biznes_check_list_bott {
    width: calc(100% / 2 - 12px);
    padding: 69px 32px;
}
.biznes_check_list1 {
    background:
            linear-gradient(90deg, #CCE9EE 0%, #BFE4E9 48%, #A0D5DF 100%),
            #EAF6F8;
}
.biznes_check_list2 {
    background-image: url(../img/cours.png);
    background-color: #a470ec;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80% 100%;
    overflow: hidden;
    position: relative;
    background-blend-mode: soft-light;
}
.biznes_check_list2 h4,
.biznes_check_list2 h5 {
    color: #ffffff !important;
}
.biznes_check_list h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000102;
    margin-bottom: 12px;
}
.biznes_check_list h5 {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
}

.biznes_form {
    margin-top: 96px;
    margin: 96px 106px 0;
}

/*form*/


/* визуально скрытая метка для доступности */
.sr-only{
    position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* оболочка блока */
.cta-form{
    background:
            linear-gradient(135deg, #400397 0%, rgba(83,4,193,0) 60%),
            #F2ECFF;
    background-blend-mode: hue;
    padding: 40px;
    border-radius: 16px;
    text-align: center;
}

/* заголовок */
.cta-form__title{
    margin: 0 0 32px;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #410397;
}

/* сама форма */
.cta-form__inner{
    max-width: 400px;
    margin: 0 auto;
    display: grid;
    gap: 20px;
}

/* поля */
.cta-form__inner input{
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #E6E8F000;
    background: #FFFFFF;
    font: inherit;
}
.cta-form__inner input::placeholder{ color:#9AA6B0; }
.cta-form__inner input:focus{
    outline: none;
    border-color:#5A2BBD;
    box-shadow: 0 0 0 3px rgba(90,43,189,.15);
}

/* кнопка */
.btn-primary{
    padding: 12px;
    border: 0;
    border-radius: 12px;
    background: #410397;
    cursor:pointer;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #FFFFFF;
}
/* подпись */
.cta-form__note,
.cta-form__note a {
    margin: 20px 0 0;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #424F54;
}
.cta-form__note a{
    color:#5A2BBD;
    text-underline-offset: 2px;
}

/*--------------для бизнеса end------------*/

/*--------------Дистанционное банковское обслуживание
Внешнеэкономическая деятельность------------*/

.distant_baner,
.economic_baner {
    margin-top: 64px;
}
.distant_baner h2,
.economic_baner h2 {
    padding: 0;
}
.distant_baner p,
.economic_baner p {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #424F54;
    padding: 20px 0 40px;
}

.distant_center_all {
    flex-wrap: wrap;
}
.distant_center_list {
    width: calc(100% / 2 - 12px);
    margin-bottom: 24px;
    background: linear-gradient(135deg, #F1EDF7 0%, #D9CDEA 100%), #F1EDF7;
    justify-content: flex-start;
    align-items: center;
}
.distant_center_list img {
    object-fit: contain;
    width: auto;
    height: 60px;

}
.distant_center_list h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    color: #000102;
    margin: 48px 0 20px;
}
.distant_center_list h5 {
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
    text-align: center;
}

.distant_info_list,
.economic_info_list {
    width: calc(100% / 3 - 12px);
    background: #F6F6F9;

}
.distant_info_list h4,
.economic_info_list h4 {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000102;

}
.distant_info_list h5 {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
    flex: 1;
    margin: 12px 0 24px;
}
.distant_info_list a {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #ffffff;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    background-color: #410397;
    text-align: center;
}
.economic_tab_all a,
.distant_tab_all a {
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #424F54;
    margin-right: 24px;
}

.economic_info_list {
    background: linear-gradient(135deg, #CCE9EE 0%, #A0D5DF 100%), #CCE9EE;
    align-items: flex-start;
}
.economic_info_list img {
    object-fit: contain;
    width: auto;
    height: 60px;
}

.economic_info_list h4 {
    margin: 28px 0 12px;
}
.economic_info_list h5 {
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #424F54;
}
.economic_valuta h2 {
    width: 100%;
    margin-bottom: 40px;
}
.economic_valuta_all {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap: 24px 24px;
}
.valut {
    width: calc(100% / 4 - 24px);
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;;
    align-items: center;
    background-color: #F6F6F9;
    border-radius: 8px;
}
.valut img {
    object-fit: contain;
    width: 44px;
    height: 28px;
}
.valut p {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 15px;
    letter-spacing: 0;
    color: #424F54;
    margin-left: 16px;
}


/* фон блока */
.ved-form{
    background:linear-gradient(135deg, #F1EDF7 0%, #D9CDEA 100%), #D9CDEA;
    border-radius: 16px;
    padding: 40px;
    margin: 0 106px;
    text-align: center;
}
.ved-form h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #410397;
    margin-bottom: 32px;
}

/* сетка формы: 2 колонки */
.ved-form__grid{
    max-width: 612px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 20px;
}

/* поля */
.ved-form__grid input[type="text"],
.ved-form__grid input[type="tel"],
.ved-form__grid input[type="email"]{
    height: 48px;
    border-radius: 8px;
    border: 1px solid #E6E8F000;
    background: #fff;
    padding: 12px 16px;
    font: inherit;
}
.ved-form__grid input::placeholder{ color:#9AA6B0; }
.ved-form__grid input:focus {
    outline: none;
    border-color: #5A2BBD;
    box-shadow: 0 0 0 2px rgba(90, 43, 189, .15);
}
#dcTermInput:focus,
#dcAmountInput:focus {
    outline: none;
    border-color: #5A2BBD;
    box-shadow: 0 0 0 2px rgba(90, 43, 189, .15);
}
/* чекбокс — занимает всю ширину */
.ved-form__agree{
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    color: #424F54;
    text-align: left;
    padding-bottom: 5px;
}
.ved-form__agree span {
    width: calc(100% - 18px);
}
.ved-form__agree a {
    color: #410397;
}
.ved-form__agree a:disabled {
    color: #6F6E76;
}
.ved-form__agree input{ width: 18px; height: 18px; }

/* кнопка */
.ved-form__submit{
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    border: 0;
    cursor: pointer;
    background: #410397;

    grid-column: 1 / -1;
    width: 400px;
    justify-self: center;
}

/* адаптив: в одну колонку */
@media (max-width: 560px){
    .ved-form__grid{ grid-template-columns: 1fr; }
}

/*--------------Дистанционное банковское обслуживание
    Внешнеэкономическая деятельность end------------*/


/*-------------------------Ответ на форму---------------------- */


#okModal,
#errModal {
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background: #ff000000;
    border: 0;
    outline: none;
    margin: 0 auto;
}

/* показываем и центрируем только когда открыт */
#okModal[open], #errModal[open]{
    display: flex;
    justify-content: center;
    align-items: center;
}


.okModal_all {
    width: auto;
    height: fit-content;
    background: linear-gradient(135deg, #400397 0%, rgba(83, 4, 193, 0) 60%), #F2ECFF;
    background-blend-mode: hue;
    padding: 32px;
    border-radius: 16px;
    text-align: center;
    filter: drop-shadow(0px 3px 5px #000000);
    margin: 0 10px;
}
.okModal_all h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: 0;
    color: #000102;

}
.okModal_all p {
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000102;
    text-align: center;
    margin: 20px 0;
}
.okModal_all button {
    padding: 12px;
    border: 0;
    border-radius: 12px;
    background: #410397;
    cursor: pointer;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    color: #FFFFFF;
    min-width: 150px;

}





/*---------------------------Ответ на форму end ---------------*/








/*hover*/

.header_main a:hover,
.footer_list a:hover,
.footer_bottom_a a:hover,
.news-open-all-a a:hover,
.news-open-all-a:hover,
.depbox__tab:hover,
.economic_tab_all a:hover,
.distant_tab_all a:hover {
    color: #410397;
}
.obanke_rec a:hover,
.privat_uslov a:hover,
.privat_uslov a:hover,
.depbox__left .btn--primary:hover,
.btn-primary:hover,
.ved-form__submit:hover,
.btn--purple:hover,
.distant_info_list a:hover,
.okModal_all button:hover {
    background-color: #410397D9;
    background: #410397D9;
}
.safe_banner a:hover {
    background: #F6F6F9;
}
.banner-content .btn:hover {
    background: #0090A9D9;
}
.banner-content .btn:hover,
.btn-pill:hover,
.courses_tx a:hover,
.btn:hover, .btn-clear:hover, .btn-upload:hover {
    opacity: 0.85;
}
.news-scrol-num a:hover {
    color: #ffffff;
    background: #424F54;
}

.news-open-all-a a:hover,
.privat_document_list a:hover,
.ved-form__agree a:hover,
.terms-link:hover {
    text-decoration: underline;
}
.faq-question:hover {
    color: #000;
}

.tl-year:hover,
.tl-year:focus-visible{
    color: #400397;
}

.tl-year:focus-visible{
    outline:2px solid #400397;
    outline-offset:4px;
    border-radius:6px;
}




/*Disabled*/
/*кнопки не активные*/
/*:disabled {
    background: #EDEDF3;
    color: #90A6B0;
}*/
/*ссылка на "Подробнее" не активная*/
/*:disabled {
    color: #6F6E76;
}*/
/*ссылка не активная*/
/*:disabled {
    color: #90A6B0;
}*/




/* Адаптивность */
@media (max-width: 768px) {
    .main-nav ul {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 1270px) {
    .container {
        max-width: 990px;
    }
    .header_logo {
        width: 200px;
    }
    .header_main a {
        padding: 15px 18px;
    }
    .slider-viewport {
        height: 500px;
    }
    .obanke_baner img, .distant_baner img, .economic_baner img, .biznes_baner img, .privat_baner img, .obanke_baner_bottom img {
        object-fit: cover;
    }
    .safe-banner_content {
        position: relative;
        z-index: 2;
    }
    .safe-banner_img {
        right: 60px;
    }
    .card_rko {
        background-size: contain;
    }
    .biz_tarif_list_tx {
        justify-content: flex-start;
    }
}

/*  48 --- > 42 (48)
    40 --- > 36  (42)
    32  --- > 28 (33)
    28  --- > 24 (28)
    24  --- >  20 (24)*/
@media screen and (max-width: 1010px) {
    .container {
        max-width: 840px;
    }
    .header_main a {
        padding: 10px 8px;
    }
    .banner-slider,
    .slider-viewport {
        height: 400px;
    }
    .banner-content h1 {
        font-size: 53px;
    }
    .news-open-top-tx h3, .solut_main h2, .news_main h2, .courses h2, .news-open-bottom h2, .news-top h2, .news-bottom h2, .obanke_new h2, .obanke_baner_bottom h2, .obanke_cen h2, .obanke_miss h2, .obanke_rec h2, .privat_vklad h2, .privat_demand h2, .biznes_check h2, .economic_valuta h2, .biznes_dip h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .banner-content {
        margin: 60px;
    }
    .card__title--h3,
    .card__title--white,
    .news-top_list2 p,
    .privat_check h3,
    .strak_agent h2,
    .ved-form h3 {
        font-size: 28px;
        line-height: 33px;
    }
    .news_list p,
    .news-top_list p,
    .footer_list a p,
    .news-scrol-list p,
    .news-open-bottom-list p,
    .obanke_miss_list p,
    .obanke_new h4,
    .privat_document_list h4,
    .distant_info_list h4,
    .economic_info_list h4,
    .economic_tab_all a,
    .distant_tab_all a {
        font-size: 20px;
        line-height: 24px;
    }
    .courses_list h5 {
        font-size: 35px;
        line-height: 25px;
    }
    .privat_vklad_list h4,
    .privat_demand_list h4,
    .distant_center_list h4 {
        font-size: 24px;
        line-height: 28px;
    }
    .footer_all {
        gap: 10px;
    }
    .obanke_baner h2,
    .politik h2, .privat_baner h2, .strak_vopros h2, .biznes_baner h2, .distant_baner h2, .economic_baner h2 {
        font-size: 42px;
        line-height: 48px;
    }
    .depcalc_all {
        flex-direction: column;
    }
    .depcalc__left {
        width: 100%;
    }
    .safe-banner_img {
        right: 0;
        opacity: 0.8;
    }
    .ved-form {
        margin: 0;
    }

    .depbox__grid {
        flex-direction: column;
        align-items: stretch;
    }
    .depbox__left, .depbox__right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .depbox__left  .btn--primary {
        display: none;
    }
    .depbox__grid .btn_mob {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 40px;
    }
    .depbox__left {
        padding-bottom: 20px;
    }
    .valut {
        width: calc(100% / 3 - 24px);
    }
}

/*  48 --- > 42 (48) --> 36(42)
    40 --- > 36  (42) --> 32 (36)
    32  --- > 28 (33) --> 24(28)
    28  --- > 24 (28) --> 20(24)
    24  --- >  20 (24) --> 17(21)
    17 ---> 15 (20)*/
@media screen and (max-width: 870px) {
    .container {
        max-width: 100%;
    }
    .header_main,
    .header_lg {
        display: none;
    }
    .header {
        padding: 16px 16px;
    }
    .banner-content {
        margin: 32px;
    }
    main {
        margin: 80px 16px 0;
    }
    .banner-content h1 {
        font-size: 45px;
    }
    .banner-content h1 span {
        font-size: 24px;
        line-height: 30px;
    }
    .biz_tarif_all h3 {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 20px;

    }
    .dep-terms {
        width: 100%;
    }
    .banner-content .btn {
        padding: 10px 82px;
    }
    .solut_main, .obanke_miss, .obanke_cen, .obanke_baner_bottom, .obanke_rec,
    .privat_vklad, .privat_protection, .privat_demand, .biznes_check, .biznes_tarif,
    .distant_center, .distant_info, .economic_valuta, .economic_form,
    .economic_info, .economic_tab, .biznes_dip {
        margin-top: 75px;
    }
    .courses, .news-bottom, .news-open-bottom, .strak_agent, .biznes_usl, .distant_tab, .economic_tab {
        margin: 75px 0;
    }
    .news_main {
        margin-top: 51px;
    }
    .obanke_new {
        margin-top: 30px;
    }
    .obanke_new_all {
        margin-bottom: 75px;
    }
    .obanke_new {
        margin-bottom: 35px;
    }
    .card__title--h3, .card__title--white, .news-top_list2 p, .privat_check h3, .strak_agent h2, .ved-form h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .btn-pill {
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }
    .biz_tarif_list_tx h6,
    .biz_tarif_list_tx p {
        line-height: 17px;
    }
    .biz_tarif_list {
        gap: 10px;
    }
    .card, .news_list, .courses_list, .news-top_list, .news-scrol-list, .news-open-bottom-list,
    .obanke_cen_list, .obanke_miss_list, .obanke_new_list, .privat_vklad_list, .privat_demand_list,
    .privat_document_list, .strak_agent_list, .biznes_check_list, .biznes_dip_list, .distant_center_list,
    .distant_info_list, .economic_info_list, .biz_tarif_all, .biz_calkul_all {
        padding: 24px;
    }
    .news_list span,
    .news-top_list span,
    .news-scrol-list span,
    .news-open-all-a a, .news-open-all-a, .news-open-all-a span,
    .news-open-top-tx span,
    .news-open-bottom-list span {
        font-size: 15px;
        line-height: 20px;
    }
    .news_list a {
        font-size: 16px;
        line-height: 24px;
    }
    .courses_list_i img {
        width: 32px;
        height: 32px;
    }
    .privat_demand_list img {
        height: 35px;
    }
    .distant_center_list img {
        height: 50px;
    }
    /*.kv-card,*/
    .tariffs__table {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        scrollbar-width: none;
    }

    /* таблица */
    /*.kv-table,*/
    /*#panel-4 {
        width: 651px;
        min-width: 651px;
        table-layout: fixed;
        border-collapse: separate;
    }

    #panel-4  {
        width: auto;
        min-width: 300px;
    }*/
    .tariffs__title {
        text-align: start;
    }
    /*.tl-years {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        scrollbar-width: none;
        gap: 15px;

    }*/
    .tl-years {
        gap: 13px;
        background: linear-gradient(#d9cdea, #d9cdea) 19px calc(100% - 25px) / calc(99% - 37px) 4px no-repeat;
        background-clip: content-box;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /*background-position: center calc(100% - 25px);*/
    }
    .tl-years::after{
        display: none;
    }

    /*---------------footer mob---------------*/


    .footer_all_mob,
    .footer_list_mob_top {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .footer_list_mob_top img {
        object-fit: contain;
        width: 128px;
        margin-bottom: 20px;
    }
    .footer_list_mob_top a p {
        font-weight: 600;
        font-style: normal;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000102;
    }
    .footer_list_mob_top a span {
        font-weight: 500;
        font-style: normal;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0;
        color: #424F54;
        margin: 8px 0;
    }
    .footer_list_mob {
        width: 100%;
    }


    /* Список разделов */
    .foot_mnav__list { list-style: none; margin: 0; padding: 0; }

    /* Кнопка-раздел с стрелкой */
    .foot_mnav__head{
        font-weight: 600;
        font-style: normal;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0;
        color: #424F54;
        width: 100%;
        text-align: left;
        background: none;
        border: 0;
        padding: 16px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
    }
    .foot_mnav__head::after{
        content: "";
        width: 8px;
        height: 8px;
        border-right: 1.25px solid #000102;
        border-bottom: 1.25px solid #000102;
        transform: rotate(45deg);
        transition: transform .2s ease;
    }
    .foot_mnav__head[aria-expanded="true"]::after{
        transform: rotate(-135deg);
    }

    /* Подменю: анимация всей высоты, скрывает/показывает все пункты */
    .foot_mnav__sub{
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        max-height: 0;                            /* скрыто */
        transition: max-height .28s ease, padding .28s ease;
    }
    .foot_mnav__sub.foot_is-open{
        padding-top: 4px;
        /* max-height ставится инлайном из JS: sub.style.maxHeight = sub.scrollHeight + 'px' */
    }
    .foot_mnav__sub > li > a{
        display: block;
        padding: 8px 0;
        font-weight: 400;
        font-style: normal;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0;
        color: #000102;
        text-decoration: none;
    }
    .foot_mnav__sub > li > a:hover {
        color: #410397;
    }


    /*---------------footer mob end---------------*/
    footer {
        padding: 24px 16px;
    }
    .footer_all {
        display: none;
    }
    .footer_bottom_a {
        flex-direction: column;
        max-width: 100%;
    }
    .footer_bottom p {
        padding-top: 20px;
    }
    .footer_bottom {
        margin: 24px 0 48px;
    }
    .news_list,
    .news-open-bottom-list,
    .obanke_miss_list {
        width: calc(100% / 3 - 10px);
    }
    .courses_list {
        width: calc(100% / 4 - 10px);
    }
    .news-scrol-list {
        width: calc(100% / 2 - 10px);
        margin-bottom: 20px;
    }
    .news-top_list {
        width: calc(100% / 3 - 20px);
    }
    .strak_agent_list {
        width: calc(100% / 2 - 10px);
    }
    .obanke_cen_all {
        gap: 20px 20px;
    }
    .privat_vklad_list {
        width: calc(100% / 3 - 10px);
        margin-bottom: 20px;
    }
    .strak_agent_all {
        flex-wrap: wrap;
        gap: 20px 20px;
    }
    .news-top_list p,
    .news-top_list2 p {
        padding: 15px 0 20px;
    }
    .news-open-top-tx {
        max-width: 100%;
    }
    .obanke_baner h2,
    .politik h2, .privat_baner h2, .strak_vopros h2, .biznes_baner h2, .distant_baner h2, .economic_baner h2 {
        padding: 40px 0 30px;
    }
    .obanke_baner img, .distant_baner img, .economic_baner img, .biznes_baner img, .privat_baner img, .obanke_baner_bottom img {
        min-height: 350px;
    }
    .tl-years {
        width: 100%;
    }
    .tl-years::after {
        width: calc(100% - 40px);
    }
    .privat_vklad_list h4, .biznes_dip_list h4, .privat_demand_list h4, .distant_center_list h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .safe-banner_img {
        opacity: 0.6;
    }
    .faq-question {
        padding: 15px;
        font-size: 18px;
        line-height: 20px;
    }
    .faq-title {
        height: auto;
    }
    .distant_baner, .economic_baner {
        margin-top: 0;
    }
    .distant_baner p, .economic_baner p {
        padding: 0 0 20px;
    }
    .economic_valuta_all {
        gap: 20px 20px;
    }
    .biznes_check_list h4 {
        font-size: 28px;
        line-height: 32px;
    }
    /* -----------------burger------------------*/

    .header_burger {
        display: flex;
    }
    .menu {
        display: flex;
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        opacity: 0;
        -webkit-transition: opacity 200ms
        ease-in;
        -moz-transition: opacity 200ms ease-in;
        transition: opacity 200ms
        ease-in;
        pointer-events: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .modal:target {
        opacity: 1;
        pointer-events: auto;
        overflow-y: auto;
    }

    .modal-dialog {
        position: absolute;
        width: 100%;
        min-height: 250px;
        top: 0;
        right: 0;
        left: 0;
        background: #F6F6F9;
        border-radius: 0 0 16px 16px;
    }

    .modal-content {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        outline: 0;
    }


    .modal-body {
        position: relative;
        /*-webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;*/
        padding: 16px;
        overflow: auto;
    }

    .modal-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
    }
    .header_burger_logo img {
        object-fit: contain;
        width: 190px;
        height: auto;
        margin: -14px 0;
    }
    .close img,
    .header_burger_btn img {
        object-fit: contain;
        width: 44px;
        height: 44px;
    }
    .modal-body_all {
        display: flex;
        flex-direction: column;
    }
    .modal-body_all a {
        font-weight: 500;
        font-style: normal;
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000102;
        padding: 8px;
        margin: 0 -8px;
        border-radius: 8px;
        width: 100%;
        display: block;
    }
    .modal-body_all a:hover {
        color: #410397;
    }

    .close {
        text-align: end;
        width: 100%;
    }
    .close:focus, .close:hover {
        opacity: 0.85;
    }

    /*------------------scroll-----------------*/

    .burger_scroller{
        display: flex;
        gap: 12px;
        margin-bottom: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        touch-action: pan-x;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .burger_tab{
        font-weight: 600;
        font-style: normal;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000102;
        flex: 0 0 auto;
        scroll-snap-align:start;
        border:0;
        cursor:pointer;
        padding: 8px 16px;
        width: max-content;
        border-radius: 50px;
        background: #fff;
    }
    .burger_tab.is-active{
        background: #D9CDEA;
        color: #410397;
    }
    .burger_panel[hidden]{ display:none; }
    .burger_list{ list-style:none; margin:0; padding:0 8px; }


    /* -----------------burger end------------------*/
    .valut {
        width: calc(100% / 2 - 15px);
        padding: 13px;
    }

}



@media screen and (max-width: 690px) {
    .header_logo {
        width: 185px;
    }
    .banner-slider, .slider-viewport {
        height: 200px;
    }
    .banner-slider {
        margin: 24px 0 0;
    }
    .banner-content h1 {
        font-size: 24px;
        width: auto;
    }
    .banner-content h1 span {
        font-size: 17px;
        line-height: 24px;
        padding-top: 12px;
    }
    .banner-content .btn {
        padding: 11px 31.5px;
        font-size: 16px;
        line-height: 22px;
        border-radius: 11px;
        margin-top: 10px;
    }
    .banner-content {
        margin: 16px;
    }
    .slide {
        align-items: flex-start;
    }
    .dots button[aria-current="true"] {
        width: 37.44px;
    }
    .dots button {
        width: 10px;
    }
    .dots {
        left: 16px;
        bottom: 12px;
    }
    .solut_main, .biznes_dip, .obanke_miss, .obanke_cen, .obanke_baner_bottom, .obanke_rec, .privat_vklad, .privat_protection, .privat_demand, .biznes_check, .biznes_tarif, .distant_center, .distant_info, .economic_valuta, .economic_form, .economic_info, .economic_tab {
        margin-top: 40px;
    }
    .news-open-top-tx h3, .obanke_cen h6, .tariffs__title, .cta-form__title, .safe_banner h3, .privat_calculator h3, .privat_uslov h3, .solut_main h2, .news_main h2, .courses h2, .news-open-bottom h2, .news-top h2, .news-bottom h2, .obanke_new h2, .obanke_baner_bottom h2, .obanke_cen h2, .obanke_miss h2, .obanke_rec h2, .privat_vklad h2, .privat_demand h2, .biznes_check h2, .economic_valuta h2, .biznes_dip h2 {
        font-size: 24px;
        line-height: 120%;
    }
    .card__title--h3,.biznes_check h3, .biznes_check_list h4, .card__title--white, .news-top_list2 p, .privat_check h3, .strak_agent h2, .ved-form h3 {
        font-size: 20px;
        line-height: 120%;
    }
    .card, .news_list, .courses_list, .news-top_list, .news-scrol-list, .news-open-bottom-list, .obanke_cen_list, .obanke_miss_list, .obanke_new_list, .privat_vklad_list, .privat_demand_list, .privat_document_list, .strak_agent_list, .biznes_check_list, .biznes_dip_list, .distant_center_list, .distant_info_list, .economic_info_list {
        padding: 20px;
        border-radius: 12px;
    }
    .tabs__btn {
        font-size: 18px;
        line-height: 24px;
    }
    .solut_main h2,
    .news_main h2,
    .courses h2 {
        margin-bottom: 20px;
    }
    .solutions_flex,
    .obanke_new h2, .obanke_baner_bottom h2, .obanke_cen h2, .obanke_miss h2,
    .obanke_rec h2 {
        padding-bottom: 20px;
    }
    .solutions_flex, .news_all, .courses_all, .news-top_all, .news-scrol-all, .news-open-bottom-all, .obanke_miss_all, .obanke_cen_all, .obanke_new_all, .privat_vklad_all, .depcalc_all, .privat_demand_all, .privat_document_all, .strak_agent_all, .biznes_check_all, .biznes_dip_all, .distant_center_all, .distant_info_all, .economic_info_all {
        flex-direction: column;
    }
    .courses, .news-bottom, .news-open-bottom, .strak_agent, .biznes_usl, .distant_tab, .economic_tab {
        margin: 40px 0;
    }
    .card_online,
    .card_rko,
    .card_deposits,
    .card_ved,
    .news_list, .news-open-bottom-list, .obanke_miss_list,
    .courses_list,
    .news-top_list,
    .news-scrol-list,
    .obanke_cen_list,
    .obanke_new_list,
    .strak_agent_list,
    .privat_vklad_list,
    .dc-field,
    .privat_demand_list,
    .privat_check_list,
    .privat_document_list,
    .distant_center_list,
    .distant_info_list,
    .economic_info_list,
    .biznes_check_list,
    .biznes_dip_list {
        width: 100%;
        margin: 0;
    }
    .biznes_check_list2 {
        background-size: 100% 100%;
    }
    .news-top_list2 {
        width: 100% !important;
    }
    .solutions_flex,
    .news_all,
    .courses_all,
    .news-top_all,
    .news-scrol-all,
    .news-open-bottom-all,
    .obanke_miss_all,
    .obanke_new_all,
    .strak_agent_all,
    .privat_vklad_all,
    .privat_demand_all,
    .privat_document_all,
    .distant_center_all,
    .distant_info_all,
    .economic_info_all,
    .biznes_check_all,
    .biznes_dip_all {
        gap: 20px;
    }
    .card {
        min-height: 200px;
    }
    .card__title--h3 span {
        font-size: 16px;
        line-height: 20px;
    }
    .news-scrol-list a,
    .news-open-top-tx p,
    .news-open-bottom-list a,
    .obanke_new p, .obanke_baner_bottom p,
    .strak_vopros p {
        font-size: 16px;
    }
    .faq-panel_a p {
        font-size: 16px;
        line-height: 20px;
    }
    .btn-pill {
        padding: 10px;
    }
    .news_list p {
        margin: 16px 0;
    }
    .news-scrol-list p,
    .news-open-bottom-list p {
        padding: 16px 0;
    }
    .courses_list {
        align-items: center;
    }
    .courses_list p {
        padding: 16px 0 12px;
    }
    .courses_list h5 {
        font-size: 40px;
        line-height: 28px;
    }
    .news-top,
    .news-open-top, .obanke_cen h6 {
        margin-top: 24px;
    }
    .news-top h2, .news-bottom h2,
    .news-open-bottom h2,
    .obanke_baner_bottom img,
    .strak_agent h2 {
        margin-bottom: 20px;
    }
    .news-scrol-all,
    .obanke_new_all {
        margin-bottom: 40px;
    }
    .obanke_new p, .obanke_baner_bottom p {
        padding-bottom: 24px;
    }
    .news-open-all {
        padding-top: 40px;
    }
    .news-open-top-tx h3 {
        padding: 16px 0 20px;
    }
    .news-open-top-tx p b {
        font-size: 18px;
        line-height: 20px;
    }
    .obanke_baner h2,
    .politik h2, .privat_baner h2, .strak_vopros h2, .biznes_baner h2, .distant_baner h2, .economic_baner h2 {
        padding: 24px 0 20px;
        font-size: 28px;
        line-height: 120%;
    }
    .obanke_baner img, .distant_baner img, .economic_baner img, .biznes_baner img, .privat_baner img, .obanke_baner_bottom img {
        min-height: 200px;
    }
    .obanke_rec {
        display: flex;
        flex-direction: column;
        align-items: stretch;

    }
    .obanke_rec_a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .obanke_baner_bottom h2 {
        width: 60%;
    }
    body,
    html {
        margin-bottom: 0;
    }
    .faq-item {
        margin-top: 0;
    }
    .faq-title {
        border-radius: 12px;
    }
    .faq-question {
        font-size: 17px;
        line-height: 19px;
    }
    .strak_agent p {
        font-size: 17px;
        line-height: 20px;
        padding-bottom: 20px;
    }
    .privat_vklad p {
        font-size: 17px;
        line-height: 20px;
    }
    .privat_vklad_all,
    .privat_demand_all {
        margin-top: 20px;
    }
    .privat_vklad_list img,
    .privat_demand_list img {
        height: 32px;
    }
    .valut img {
        height: 20px;
    }
    .economic_info_list img {
        height: 50px;
    }
    .privat_vklad_list,
    .privat_demand_list,
    .privat_document_list,
    .distant_center_list,
    .economic_info_list,
    .biznes_dip_list {
        align-items: center;
    }
    .depcalc__left,
    .dc-results,
    .privat_check_all {
        flex-direction: column;
        align-items: stretch;
    }
    .economic_info_list h5,
    .biznes_dip_list h5 {
        text-align: center;
    }
    .depcalc {
        border-radius: 12px;
        padding: 20px;
    }
    .depcalc__right {
        min-width: 100%;
    }
    .dc-card {
        padding: 20px;
        margin: 20px 0;
    }
    .dc-results,
    .depcalc__left {
        gap: 24px;
    }
    .safe_banner {
        padding: 20px 20px 50px;
        border-radius: 12px;
    }
    .safe_banner a {
        width: 100%;
    }
    .privat_demand p,
    .privat_check p,
    .distant_baner p, .economic_baner p,
    .distant_center_list h5,
    .biznes_check p,
    .biznes_dip p {
        font-size: 17px;
        line-height: 20px;
    }
    .privat_check {
        padding: 20px;
    }
    .privat_document {
        margin-bottom: 40px;
    }
    .distant_center_list h4,
    .economic_info_list h4,
    .biznes_dip_list h4 {
        margin: 20px 0 12px;
    }
    .economic_valuta h2 {
        margin-bottom: 20px;
    }
    .valut {
        width: calc(100% / 2 - 10px);
    }
    .valut p {
        font-size: 16px;
        line-height: 18px;
        margin-left: 12px;
    }
    .economic_valuta_all {
        gap: 10px 10px;
    }
    .ved-form {
        border-radius: 12px;
        padding: 20px;
        margin: 0;
    }
    .ved-form__grid {
        max-width: 100%;
        gap: 20px 20px;
    }
    .ved-form__grid {
        grid-template-columns: 1fr;
    }
    .ved-form__submit {
        width: 100%;
    }
    .economic_tab_all a, .distant_tab_all a {
        font-size: 17px;
        line-height: 20px;
    }
    .ved-form__agree input {
        width: 35px;
        height: 35px;
    }
    .biznes_form {
        margin: 40px 0 0;
    }
    .cta-form {
        padding: 20px;
        border-radius: 12px;
    }
    .cta-form__title {
        margin: 0 0 32px;
    }
    .cta-form__inner {
        max-width: 100%;
        gap: 16px;
    }
    .biznes_dip p {
        margin: 16px 0 20px;
    }
    .cta-form__note, .cta-form__note a {
        margin: 0;
    }
    .biznes_dip_list h4,
    .biznes_dip_list h5 {
        width: 60%;
        text-align: center;
    }
    .biznes_dip_list h5 {
        width: 80%;
    }
    .header_burger_logo img {
        object-fit: contain;
        width: 128px;
        height: 100%;
        margin: -8px 0;
    }
    .tabs__btn {
        margin-right: 0;
    }
    .th {
        padding: 8px;
    }
    .rowlabel, .td {
        padding: 8px;
    }
    .depbox__left,
    .depbox__right {
        width: 100%;
        display: flex    ;
        flex-direction: column;
        align-items: center;
    }
    .dc-card-top,
    .dc-card_biz {
        width: 100%;
    }
    .depbox__tabs,
    .depcalc_biz {
        flex-direction: column;
    }
    .depcalc_biz {
        border-radius: 12px;
        padding: 20px;

    }
    /*.depbox__left .btn--primary {
        margin-top: 40px;
        margin-bottom: 40px;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }*/
    .dc-card-top .dc-check {
        margin: 20px 0;
    }
    .biznes_check_list h4 {
        margin-bottom: 8px;
    }
    .tl-years::after {
        right: 0;
    }
    .biz_tarif_view {
        display: block;
    }
    .biz_tarif_all {
        display: none;
    }
/*-------------------------------------*/


    .biz_tarif_view h3,
    .biz_tarif_slide h4 {
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
        color: #000102;
        text-align: center;
        margin: 20px 0;
    }
    .biz_tarif_slide h4 {
        margin: 0 0 20px;
        font-size: 22px;
        line-height: 26px;

    }
    .biz_tarif_slide {
        padding: 20px;
        border-radius: 12px;
        background-color: #F6F6F9;
    }
    .biz_tarif_slide_all {
        width: 100%;
    }
    .biz_tarif_slide_list {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
    .biz_tarif_slide_list_fon {
        background-color: #ffffff;
    }
    .biz_tarif_slide_list_tx {
        width: calc(100% / 2);

    }
    .biz_tarif_slide_list_tx {
        text-align: center;
        font-style: normal;
        letter-spacing: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px;
    }
    .biz_tarif_slide_list_tx h5 {
        font-weight: 600;
        font-size: 17px;
        line-height: 20px;
        color: #000102;
        text-align: center;
    }
    .biz_tarif_slide_list_tx p {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #424F54;
    }
    .biz_tarif_slide_list_btn {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .biz_tarif_slide_list_btn a {
        font-weight: 500;
        font-size: 17px;
        line-height: 24px;
        color: #FFFFFF;
        text-align: center;
        background-color: #410397;
        border-radius: 12px;
        padding: 12px 0;
        width: 100%;
    }
    .biz_tarif_slide_list_btn .biz_tarif_slide_list_btntop {
        font-weight: 600;
        color: #410397;
        background-color: #ffffff00;
        border-radius: 0;
    }

    /*-----------------------------------------*/
    .tabs_doun a p {
        font-size: 17px;
        line-height: 18px;
    }
    .privat_document_list a {
        width: 100%;
        text-align: center;
    }
    .f_modal__title {
        font-size: 28px;
        line-height: 32px;
    }
    .f_modal {
        width: auto;
    }
    .upload-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .tl-years::after {
        width: calc(100vw - 80px);
    }


}
@media screen and (max-width: 490px) {
    .tl-years::after {
        width: calc(100vw - 60px);
    }
    .valut {
        width: 100%;
        gap: 0 10px;
        justify-content: flex-start;
    }

}
@media screen and (max-width: 260px) {



}