.block-header-circle.container, .container.front-benefits-2, .front-news.container {
    max-width: none;
}

.container.front-benefits-2 .block-content {
    padding-left: 0;
    padding-right: 0;
}

.block-header-circle {
    padding-top: 0;
}

.banner__inner {
    max-width: 1660px;
    margin: 0 auto;
}

.page-front .benefits-section .benefit {
    margin-bottom: 36px;
}

.region-footer {
    padding-left: 24px;
    padding-right: 24px;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

.navbar-bottom .menu a:hover {
    color: #2771FC;
}

#block-shapkastatklientom, #block-shapkastatklientommsb, #block-shapkastatklientomkorp,
#block-enshapkastatklientomroznica, #block-enshapkastatklientommsb, #block-enshapkastatklientomcorp,
#block-jpshapkastatklientomroznica, #block-jpshapkastatklientommsb, #block-jpshapkastatklientomcorp {
    float: right;
}

#block-shapkastatklientom a.header-in, #block-shapkastatklientommsb a.header-in, #block-shapkastatklientomkorp a.header-in, 
#block-enshapkastatklientomroznica a.header-in, #block-enshapkastatklientommsb a.header-in, #block-enshapkastatklientomcorp a.header-in,
#block-jpshapkastatklientomroznica a.header-in, #block-jpshapkastatklientommsb a.header-in, #block-jpshapkastatklientomcorp a.header-in {
    width: 157px;
    height: 40px;
    background: #F3F6F9;
    border-radius: 12px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #2771FC;
    margin-top: 7px;
}

.navbar-top #block-shapkastatklientommsb a.header-in-mobile, .navbar-top #block-shapkastatklientomkorp a.header-in-mobile {
    display: none;
}

.navbar-top #block-jpshapkastatklientomroznica a.header-in-mobile, .navbar-top #block-jpshapkastatklientommsb a.header-in-mobile, .navbar-top #block-jpshapkastatklientomcorp a.header-in-mobile {
    display: none;
}

@media (max-width: 768px) {
    .navbar-top #block-shapkastatklientomkorp a.header-in, .navbar-top #block-shapkastatklientommsb a.header-in /*, .navbar-top #block-enshapkastatklientomroznica a.header-in, .navbar-top #block-enshapkastatklientommsb a.header-in, .navbar-top #block-enshapkastatklientomcorp a.header-in*/ , .navbar-top #block-jpshapkastatklientomroznica a.header-in, .navbar-top #block-jpshapkastatklientommsb a.header-in, .navbar-top #block-jpshapkastatklientomcorp a.header-in {
        display: none;
    }
    
.navbar-top #block-shapkastatklientommsb a.header-in-mobile, .navbar-top #block-shapkastatklientomkorp a.header-in-mobile,
.navbar-top #block-jpshapkastatklientomroznica a.header-in-mobile, .navbar-top #block-jpshapkastatklientommsb a.header-in-mobile, .navbar-top #block-jpshapkastatklientomcorp a.header-in-mobile
 {
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid #ecf1f6;
    border-radius: 8px;
    padding: 4px 8px;
    width: 97px;
    height: 28px;
    font-size: 10px;
    background: #fff;
}

.navbar-top #block-enshapkastatklientomroznica a.header-in, .navbar-top #block-enshapkastatklientommsb a.header-in, .navbar-top #block-enshapkastatklientomcorp a.header-in /*, .navbar-top #block-jpshapkastatklientomroznica a.header-in, .navbar-top #block-jpshapkastatklientommsb a.header-in, .navbar-top #block-jpshapkastatklientomcorp a.header-in*/ {
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid #ecf1f6;
    border-radius: 8px;
    padding: 4px 8px;
    width: 97px;
    height: 28px;
    font-size: 10px;
    background: #fff;
}

}

#footer {
    box-shadow: 2px -9px 16px #E9EDF1;
}

.front-news.container {
    background: #F3F6F9;
}

.news-cards .news-card {
    max-height: 300px;
}

.news-card > .news-link {
    color: inherit;
}

.footer-sections .section-content-secondary .icon-deposit-insurance {
    display: block;
    width: 66px;
    height: 66px;
    background: url(../img/graphics.svg) -66px -192px no-repeat;
}

.footer-sections .section-3 .section-content-secondary {
    display: flex;
    align-items: center;
}

#block-footer-sections {
    max-width: 1600px;
    margin: 0 auto;
}

.footer-sections > .section + .section {
    border-top: 0.5px solid #C1D3E4;
}

.footer-sections .section-3 .items-group {
    align-items: center;
}

.footer-sections .section-3 .item-social .item-list a {
    border: none;
    background: #F3F6F9;
}

.navbar-bottom .navbar-ib-menu .menu-dropdown-toggle {
    width: 181px;
    height: 48px;
    background: #FFFFFF;
    box-shadow: 2px 9px 16px #E9EDF1;
    border-radius: 12px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #2771FC;
    display: flex;
    align-items: center;
    padding-left: 50px;
}

.navbar-bottom .navbar-ib-menu .menu-dropdown-toggle:before {
    background: url(/themes/custom/salmon/img/bi_box-arrow-in-right.svg) center center no-repeat;
    width: 16px;
    height: 16px;
    left: 20px;
}

.navbar-top-scrolled .navbar-bottom {
    padding-top: 7px;
    padding-bottom: 7px;
}

.navbar-bottom .navbar-ib-menu .dropdown-wrapper {
    background: none;
}

.front-contacts-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.services__list, .services__list > .slick-list {
    width: 100%;
}


p + p {
    margin-top: 0px;
}
.footer-sections .section-3 .item-social .item-list a:after {
    background: url(../img/new_design/Vector_4.svg) center center no-repeat;
}
.footer-sections .section-3 .item-social .item-list .item-vk a:after {
background: url(../img/new_design/Vector.svg) center center no-repeat; }
.footer-sections .section-3 .item-social .item-list .item-ig a:after {
background: url(../img/new_design/Vector_1.svg) center center no-repeat; }
.footer-sections .section-3 .item-social .item-list .item-tg a:after {
background: url(../img/new_design/Vector_2.svg) center center no-repeat; }
.footer-sections .section-3 .item-social .item-list .item-ok a:after {
background: url(../img/new_design/Vector_2.svg) center center no-repeat; }
.footer-sections .section-3 .item-social .item-list .item-tw a:after {
background: url(../img/new_design/Vector_4.svg) center center no-repeat; }
.footer-sections .section-3 .item-social .item-list .item-yt a:after {
background: url(../img/new_design/Vector_3.svg) center center no-repeat; }


.footer-contacts {
    width: 633px;
}

.footer-contacts .footer-contacts-phone a {
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
    color: #252628;
    
}

.footer-contacts-phone-descr {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #818C99;
    margin-bottom: 16px;
}

a.footer-contacts-button {
        background: #2771FC;
    box-shadow: 2px 6px 16px rgb(60 102 210 / 39%);
    border-radius: 18px;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    width: 232px;
    /* display: block; */
    height: 64px;
    justify-content: space-around;
}

.social-links-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #818C99;
    margin-bottom: 8px;
}

.social-links {
    display: flex;
}

.social-links .social-link a {
    padding-left: 72px;
    height: 56px;
    position: relative;
    margin-right: 24px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #252628;
    display: flex;
    align-items: center;
}

.social-links .social-link a:before {
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 0;
}

.social-links .social-link.gp a:before {
    background: url(../img/new_design/hw.svg) center center no-repeat;
}
.social-links .social-link.as a:before {
    background: url(../img/new_design/gp.svg) center center no-repeat;
}
.social-links .social-link.hw a:before {
    background: url(../img/new_design/as.svg) center center no-repeat;
}

.footer-sections .section-1 .section-content-secondary {
    width: auto;
}

.footer-sections .section-1 .section-content-primary .menu a {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #818C99;
    margin-bottom: 16px;
}

.footer-sections .section-1 .section-content-primary .menu > * {
    margin-bottom: 0;
}

.banner__title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 68px;
    line-height: 72px;
}

@media screen and (max-width: 1024px) {
    .banner__title {
        line-height: 52px;
    }
}

@media (min-width: 1256px) {
  .footer-sections .section-1 {
    margin-bottom: 56px; }
    
    .banner__inner .banner__description {
        font-size: 18px;
    }
    
    .mobile-app__inner .mobile-app__left {
        max-width: 480px;
    }
.service-exchange .service-exchange__text > div .service__text + .service__text {
    margin-left: 28px;
}

.currency-card {
    min-width: 90px;
}
}

@media (max-width: 768px) {
.footer-contacts {
    width: auto;
    padding: 0 20px;
}   
}

.block-custom-form-crm {
    margin-top: 0;
}

.navbar-bottom .navbar-main-menu .menu .active-trail a {
    font-weight: bold;
    color: #2771FC;
}

.page-msb .benefits-section__inner .slick-track > a, .page-msb .benefits-section__inner .slick-track > a,
.page-front .benefits-section__inner .slick-track > a, .page-front .benefits-section__inner .slick-track > a:hover, 
.card__content > a, .card__content > a:hover {
    color: #fff;
}

.banner__benefits .banner__benefit {
    max-width: 280px;
}

html.details {
    padding: 0px;
}

a.btn.btn_primary:visited {
    color: #fff;
}

.page-sweetcard .details {
    margin-bottom: 50px;
}

a.card:visited {
    color: #fff;
}

.btn:hover, .btn_primary.btn:hover, a.footer-contacts-button:hover, input:hover[type="submit"], .front-benefits .field-name-field-action a:hover, a.btn.btn_primary:hover, .front-benefits .field-name-field-action a:hover {
    color: #fff;
}

a.footer-contacts-button {
    transition: background 400ms;
}

a.footer-contacts-button:hover {
    background-color: #0354ed;
}
    
.btn_secondary.btn:hover, a.btn.btn_secondary:hover, .mobile-app__tab_kids.btn:not(.btn_active):hover, .mobile-bank__tab_kids.btn:not(.btn_active):hover {
    color: #2771fc;
}

.mobile-bank__tab_family:not(.btn_active):hover {
    color: #666E75;
}

.footer-sections .section-1 .section-content-primary .menu.titles li {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.0861538px;
    color: #252628;
    margin-bottom: 22px;
}

.footer-sections .section-1 .section-content-secondary.mobile {
    display: none;
}

.page-corp .cards__inner .slick-list a.card:visited, .page-corp .cards__inner .slick-list a.card:hover {
    color: #fff;
}

.page-loyalty .card__desc, .page-loyalty .card__title {
    color: #252628;
}

h2.services__title {
    padding-left: 0;
}

#block-front-contacts {
    max-width: none;
}

.blog__content_img {
    overflow: hidden;
}

@media (max-width: 768px) {
    .footer-sections .section-1 .section-content-secondary.mobile {
        display: block;
    }
    
    .footer-contacts {
        padding: 0;
    }
    
    .footer-contacts .footer-contacts-phone a {
        font-size: 32px;
        line-height: 24px;
        margin-bottom: 12px;
        display: block;
    }
    
    a.footer-contacts-button {
        width: 100%;
    }
    
    .region-footer {
        padding: 32px 12px;
    }
    
    .social-links .social-link a {
        padding-left: 0;
        padding-top: 72px;
        min-width: 58px;
        text-align: center;
        display: flex;
        justify-content: space-around;
    }
    
    .footer-sections .section-3 .items-group > .item.item-social {
        order: -5;
    }
    
    .footer-sections .section-3 .items-group > .item.item-phone {
        order: -4;
    }
    
    .footer-sections .section-1 .section-content-secondary:not(.mobile) .footer-contacts-phone,
    .footer-sections .section-1 .section-content-secondary:not(.mobile) .footer-contacts-phone-descr,
    .footer-sections .section-1 .section-content-secondary:not(.mobile) .footer-contacts-button {
        display: none;
    }
    
    .footer-sections .section-1 .section-content-primary .menu.titles {
        display: none;
    }
    
    .footer-sections .section-1 {
        display: block;
    }
    
    /*.lang-select__modal {
        display: none !important;
    }*/
    
    .blog__content_img {
        max-height: 230px;
        overflow: hidden;
    }
    
    .blog__content_img .image img {
        object-fit: cover;
        height: auto;
    }
}

.card_white .card__content {
    color: #252628;
}

.income-family-calc-result-link a.income-family-calc--btn, .income-family-calc-result-link a.income-family-calc--btn:hover {
    color: #fff;
}

#page .about__history_tab::after {
    box-sizing: initial; 
}

.region-footer {
    padding: 0;
}

.footer__info__connect a.footer--btn, .footer__info__connect a.footer--btn:hover, .calculate-result-info--link .income-btn[data-v-5ed43fb9], .calculate-result-info--link .income-btn[data-v-5ed43fb9]:hover {
    color: #fff;
}

.footer__info__connect h2 a, .footer__info__connect h2 a:hover {
    color: #252628;
}

.mortgage-card__buttons {
    display: flex;
    align-items: center;
}

.income-family-calc-result-link a.income-family-calc--btn__gray, .income-family-calc-result-link a.income-family-calc--btn__gray:hover {
    color: #2771fc;
}

.clarification__card_link:visited {
    color: #252628;
}

body:not(.page-deposit) .investments__cards .big-card {
    height: auto;
}

.clarification__files-list .item-list > h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

#block-salmon-page-title h1 {
    margin: 0 auto;
    max-width: 1600px;
    margin-bottom: 32px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
}

.page-bank-documents #block-salmon-page-title h1 { 
    max-width: 1200px;
    padding-top: 80px;
}

.page-bank-financial-reporting #block-salmon-page-title h1 { 
    max-width: 975px;
}

.financial-reporting-page {
    margin: 0 auto 50px;
    max-width: 975px;
}

.pressroom-header .field-name-body {
    display: block;
}

.page-bank-pressroom #block-salmon-sbi-system-main .block-views.pressroom-news-2 {
    margin: 0 auto;
    padding: 0px 56px;
    max-width: 1224px;
    margin-bottom: 56px;
} 

.page-bank-audit.page-node-type-page #block-salmon-sbi-system-main #block-salmon-page-title h1 {
    margin-top: 0;
    padding: 0;
    margin-bottom: 0; 
}

.page-hr .card__bg_white .card__content {
    color: #252628;
}

.navbar-bottom .navbar-ib-menu .menu-dropdown-toggle:after {
    display: none;
}

.navbar-bottom .navbar-ib-menu .dropdown-wrapper.short, .navbar-bottom .navbar-ib-menu .dropdown-wrapper.short .menu-dropdown-toggle {
    width: 120px;
}

.pressroom-media {
    position: relative;
    background: #f3f6f9;
    padding: 0;
}

.pressroom-media .block-content {
    max-width: 1224px;
    margin: 0 auto;
    padding: 56px;
}

.pressroom-header {
    padding-top: 0;
}

.page-bank-pressroom #block-salmon-sbi-system-main .pressroom-media .news-card__type_img {
    display: flex;
    align-items: center;
    border: 1px solid #C1D3E4;
}

.page-bank-pressroom #block-salmon-sbi-system-main .pressroom-media .news-card__type_img img {
    height: auto;
}

.view-vnutrennie-dokumenty-term {
    margin-bottom: 120px;
}

.nav-mobile-bottom {
    display: none !important;
}

.mobile-bank__inner .mobile-bank__left {
    max-width: 520px;
}

@media (max-width: 768px) {
    .page-bank-pressroom #block-salmon-sbi-system-main .block-views.pressroom-news-2 {
        padding: 0px 12px;
    }

    .page-bank-pressroom #block-salmon-sbi-system-main .pressroom-media .view-header {
        padding: 0px 12px;
    }
    
    .pressroom-media .block-content {
        padding: 56px 0;
    }
    .page-content {
        padding-top: 56px;
    }
    
    .view-vnutrennie-dokumenty-term {
        margin-bottom: 40px;
    }
    
    .nav-mobile-bottom {
        display: none !important;
    }
    
    /*.footer {
        padding-bottom: 100px;
    }*/
    
    .nav-mobile-bottom {
        display: flex;
    }
    
    .page-strategy .benefits-section .tabs {
        overflow: hidden;
    }
    
    .income-family-calc-result-links {
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
    }
    
    .income-family-calc-result-link {
        text-align: center;
        width: 48%;
        margin-bottom: 0 !important;
        
    }
    
    .income-family-calc-result-link a.income-family-calc--btn {
        height: 36px;
    }
    
    #block-navbartopmenujp {
        display: none;
    }
    
    .mobile-bank__inner .mobile-bank__left {
        max-width: 100%;
    }
}


.levels .levels__tabs .tabs__container {
    justify-content: center;
}

.currency #currency-type-big, .currency #currency-type-big-2, .currency #currency-type-big-3 {
    display: none !important;
}

.navbar-top .navbar-search-form .search-form-wrapper {
    z-index: 100;
}

.view-id-search_content {
    margin: 0 auto;
    max-width: 1600px;
}

.block-custom-form-crm {
    padding: 0;
}

.step-form__buttons .btn.btn_secondary:visited {
    color: #2771fc;
}

body.overlay-open {
    overflow: auto;
}

.calculate-result-info--link .income-btn, .calculate-result-info--link .income-btn:hover {
    color: #fff;
} 

.bonus-card .btn-calc_primary {
    text-align: center;
    justify-content: center;
}

.news__top {
    align-items: center;
}

.note-texts_text a, .note-texts_text a:visited {
    color: #2771fc;
}

.contacts__about_text a, .contacts__about_text a:visited, .refill__card_title a, .refill__card_title a:visited, .benefit__description a, .benefit__description a:visited {
    color: #2771fc;
}

.page-front .service__title {
    margin-bottom: 30px;
}
@media (max-width: 1500px) {
.invest-calc__col .invest-calc__text_big {
    font-size: 28px;
}
}

.income-family-calc-result-link a.income-family-calc--btn__gray {
    display: none;
}

.page-msb a.card_orange:hover, .page-msb a.card_orange:visited:hover {
    color: #fff;
}

form[data-drupal-selector="big-phone-with-captcha-form"] .form-submit,
form[data-drupal-selector="big-phone-aggrement-form"] .form-submit {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: none;
    border-radius: 18px;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: background 400ms;
    cursor: pointer;
    box-shadow: 2px 6px 16px rgb(60 102 210 / 39%);
    color: #fff;
    background-color: #2771fc;
    padding: 24px 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

form[data-drupal-selector="big-phone-with-captcha-form"] .form-submit:disabled, form[data-drupal-selector="big-phone-aggrement-form"] .form-submit:disabled {
    box-shadow: 2px 6px 16px rgb(131 131 131 / 39%);
}

form[data-drupal-selector="big-phone-aggrement-form"] .form-submit:disabled {
    background: #2c313b;
    color: #fff;
}

form[data-drupal-selector="big-phone-aggrement-form"] .form-submit:not(:disabled):hover {
    background-color: #0354ed;
}

form[data-drupal-selector="big-phone-with-captcha-form"] .form-submit:hover {
    background-color: #0354ed;
}

@media (max-width: 768px) {
   form[data-drupal-selector="big-phone-with-captcha-form"] .form-submit:disabled {
        margin-top: 0;
    } 
}

@media (max-width: 768px) {
   form[data-drupal-selector="big-phone-aggrement-form"] .form-submit:disabled {
        margin-top: 0;
    } 
}

.request-form-block form .form-actions input {
    margin-top: 0;
}

.new-year-offer .data-card.data-card--gray .container {
    max-width: 1488px;
}

.trinket .trinket__title {
    margin-bottom: 16px;
}

.trinket .trinket__left .btn {
    padding: 24px 32px;
    margin-top: 40px;
}

@media (max-width: 768px) {
   .trinket .trinket__left .btn {
        padding: 16px 16px;
        margin-top: 20px;
            border-radius: 8px;
    }
}

.page-bank-reporting #block-salmon-page-title h1, .page-clients-security #block-salmon-page-title h1 {
    max-width: 975px;
    padding: 0;
}

.page-bank-reporting .page-title-block, .page-clients-security .page-title-block {
    padding-top: 40px;
}

.page-bank-reporting .collapsible-toggle-title {
    padding: 32px 88px 32px 32px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    cursor: pointer;
}

.page-bank-reporting .collapsible-toggle-title:after {
    display: block;
    content: "";
    width: 18px;
    height: 10px;
    background-image: url(/images/down-arrow-gray.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 38px;
    right: 32px;
    transition: 0.3s;
}

.page-bank-reporting .collapsible-toggle-title.active:after {
    transform: rotate(180deg);
    transition: 0.3s;
}

.page-bank-reporting .collapsible-toggle-title:first-child {
    margin-top: -32px;
}

.page-clients-security .security__container {
    padding: 0 0 64px;
}

.mobile-bank__download-buttons {
    display: none;
}

@media (max-width: 768px) {
    .financial-reporting-page .tab-content {
        padding: 0 12px 32px; 
    }
    
    .page-clients-security .financial-reporting-page .top-group ul li {
        margin-bottom: 12px;
    }
    
    .page-clients-security .financial-reporting-page .top-group ul li + li {
        margin-left: 0;
    }
    
    .page-bank-reporting .page-title-block, .page-clients-security .page-title-block {
        padding-top: 12px;
    }
    
    .page-bank-reporting #block-salmon-page-title h1, .page-clients-security #block-salmon-page-title h1 {
        margin-bottom: 12px;
        font-size: 32px;
        line-height: 32px;
        padding: 0 12px;
    }
    
    .page-clients-security .financial-reporting-page .top-group .tabs {
        margin-bottom: 0;
    }
    
    .mobile-bank__download-buttons {
        display: flex;
    }
    
    .mobile-bank__download-buttons .btn_primary {
        margin-right: 8px;
    }
    
    .mobile-bank__download-buttons .btn_gray, .mobile-bank__download-buttons .btn_secondary {
        background: #F3F6F9;
        color: #2771FC;
        margin-top: 24px;
        border-radius: 8px;
        padding: 16px;
        width: 100%;
        text-align: center;
        display: block;
    }
    
    .mobile-bank__download-buttons .btn_secondary {
        background: #fff;
    }
}

@media (max-width: 1255px) {
    #block-mobilnoemenyu .menu-modal, #block-mobilnoemenyuen .menu-modal, #block-mobilnoemenyujp .menu-modal, #block-mobilnoemenyujpmsb .menu-modal, #block-mobilnoemenyujpcorp .menu-modal { 
        left: 0;
        bottom: 0;
    }  
    
    .menu-modal__nav_title {
        color: #252628;
    }
}

.card-bg .card__image {
    overflow: hidden;
}

.income-family-calc-content-wrapper > div {
    display: flex;
    justify-content: space-between;
    width: 500px;
    align-items: center;
}

@media (max-width: 768px) { 
    .income-family-calc-content-wrapper > div {
        width: auto;
        flex-direction: column;
        align-items: baseline;
    }
}


element.style {
}
#page *, #page *:before, #page *:after {
    box-sizing: border-box;
}

/*.page-clients-about .directors .directors__card_top-one {
    grid-column: 5/9;
}*/

.page-clients-about .some-directors__cards_cantainer, .page-en-about .some-directors__cards_cantainer, .page-jp-about .some-directors__cards_cantainer {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-template-rows: 50% 50%;
}

.page-clients-about .some-directors .directors__card_top-one, .page-en-about .some-directors .directors__card_top-one, .page-jp-about .some-directors .directors__card_top-one {
    grid-column: 1/2;
}

.page-clients-about .some-directors .directors__card_top-two, .page-en-about .some-directors .directors__card_top-two, .page-jp-about .some-directors .directors__card_top-two {
    grid-column: 2/3;
}

@media (max-width: 768px) { 
.page-clients-about .some-directors__cards_cantainer, .page-en-about .some-directors__cards_cantainer, .page-jp-about .some-directors__cards_cantainer {
    display: block;
    gap: 8px;
}

.page-clients-about .directors__card {
    min-height: 284px;
}

.warning-main-line {
    margin-top: 0 !important;
}
}

@media screen and (max-width: 1255px) {
.menu-modal__nav .menu-modal__nav_list.active {
    max-height: 368px;
}
}

.page-prof-neft section.banner {
    position: relative;
}

.page-prof-neft section.banner:before {
    content: '';
    display: block;
    position: absolute;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    opacity: 0.1;
    background: url('https://sbibankllc.ru/sites/default/files/2022-02/%D0%BD%D0%B5%D1%84%D1%82%D1%8C.jpg') center center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.page-prof-neft section.banner .container_small {
    position: relative;
}

.page-en-loyalty .card_white .card__title > span::after, .page-en-loyalty .card_gray .card__title > span::after {
    display: none;
}

.page-rozygrish-japan .japan-special {
    background: #F3F6F9;
    margin-bottom: 56px;
}

.page-rozygrish-japan .step-form__steps.gap {
    gap: 80px;
}

.page-rozygrish-japan .japan-special .japan-special__title {
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 32px;
    text-align: center;
}

.page-rozygrish-japan .japan-special .japan-special__subtitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 56px;
    text-align: center;
}

.page-rozygrish-japan .registration {
    margin-bottom: 56px;
}

.about-prizes {
    background: #F3F6F9;
    border-radius: 16px;
    max-width: 1008px;
    width: 100%;
    margin: 0 auto 56px;
    padding: 40px;
    position: relative;
}

.about-prizes-title {
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 32px;
    font-weight: 500;
}

.about-prizes ul {
    margin-bottom: 32px;
}

.about-prizes ul li {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding-left: 28px;
    position: relative;
    margin-bottom: 16px;
}

.about-prizes ul li:before {
    width: 12px;
    height: 12px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    background: #2771FC;
    border-radius: 100%;
}

.about-prizes-prize {
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 40px;
}

.about-prizes-prize a {
    color: #2771FC;
}

.about-prizes .btn {
    padding: 24px 32px;
}

.about-prizes .about-prizes-img {
    position: absolute;
    right: 64px;
    bottom: 0;
}

.about-winners {
    background: #F3F6F9;
    position: relative;
    text-align: center;
    padding: 56px 20px;
    min-height: 360px;
}

.about-winners-title {
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 32px;
}

.about-winners-descr {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}

.about-winners-descr-date {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}

.about-winners .container {
    position: relative;
}

.about-winners .container {
    max-width: 1008px;
    width: 100%;
}

.about-winners .container:before {
    position: absolute;
    left: -250px;
    width: 460px;
    height: 360px;
    top: -56px;
    background: url('../img/Frame 4741622.png') center center no-repeat;
    content: '';
    display: block;
}

.about-winners .container:after {
    position: absolute;
    right: -200px;
    width: 460px;
    height: 360px;
    top: -56px;
    background: url('../img/Frame 474233.png') center center no-repeat;
    content: '';
    display: block;
}

.page-rozygrish-japan + .card-info-modal {
    display: flex;
}

.page-rozygrish-japan .clarification__texts_text a {
    color: #2771FC;
}

.page-rozygrish-japan .step-form__step_text.big a {
    color: #2771FC;
}

.page-rozygrish-japan .step-form__title {
    margin-bottom: 52px;
}

.page-rozygrish-japan .step-form__step_text.big {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 16px;
    max-width: 360px;
}

.page-rozygrish-japan .step-form__step_text.small {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    max-width: 360px;
}

.page-rozygrish-japan .step-form__steps.gap {
    margin-bottom: 0;
}

.page-rozygrish-japan .banner__description.show {
    font-size: 16px;
    line-height: 20px;
    color: #818C99;
    max-width: 100%;
    position: relative;
    top: 60px;
}

@media (max-width: 768px) {
    .page-rozygrish-japan .step-form__title {
        margin-bottom: 32px;
    }
    
    .page-rozygrish-japan .banner__image img {
        max-width: 188px;
        margin: 0 auto;
    }
    
    .page-rozygrish-japan .banner__description.show {
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 16px;
        top: 0;
        position: static;
    }
    
    .page-rozygrish-japan .step-form__step_text.big {
        margin-bottom: 4px;
    }
    
    .page-rozygrish-japan .japan-special .japan-special__title {
        text-align: left;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    
    .page-rozygrish-japan .japan-special .japan-special__subtitle {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 32px;
    }
    
    .page-rozygrish-japan .registration_form-politic {
        margin-top: 90px;
    }
    
    .about-prizes {
        margin: 0 12px 56px;
        width: auto;
        padding: 24px;
    }
    
    .about-prizes-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px;
    }
    
    .about-prizes ul li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
    }
    
    .about-prizes ul {
        margin-bottom: 24px;
    }
    
    .about-prizes ul li:before {
        width: 8px;
        height: 8px;
    }
    
    .about-prizes-prize {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    
    .about-prizes-img {
        display: none;
    }
    
    .about-prizes .btn {
        width: 100%;
        padding: 16px;
    }
    
    .about-winners {
        padding: 32px 12px;
        text-align: left;
        min-height: auto;
    }
    
    .about-winners .container:before, .about-winners .container:after {
        display: none;
    }
    
    .about-winners-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px;
    }
    
    .about-winners-descr {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
    }
    
    .about-winners-descr-date {
        font-size: 20px;
        line-height: 26px;
    }
}

.page-business-china .banner__content {
    max-width: 900px;
}

.china-two .container {
    display: flex;
    align-items: center;
    padding: 56px;
    justify-content: center;
}

.china-two-left {
    margin-right: 140px;
}

.china-two-right-title {
    font-weight: 500;
font-size: 24px;
line-height: 40px;
margin-bottom: 40px;
}

.china-two-right-numbers {
    display: flex;
    justify-content: space-between;
}

.china-two-right-numbers p {
    font-weight: 700;
font-size: 68px;
line-height: 72px;
color: #2771FC;
margin-bottom: 8px;
}

.china-two-right-numbers span {
    font-size: 16px;
    line-height: 20px;
    max-width: 194px;
    display: inline-block;
}

.china-two-right {
    max-width: 728px; 
}

.china-tree .container {
    max-width: 1488px;
    padding: 48px;
    background: #F3F6F9;
    border-radius: 16px;
}

.china-tree-title {
    font-weight: 500;
font-size: 44px;
line-height: 52px;
margin-bottom: 40px;
text-align: center;
}

.china-tree ul {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.china-tree ul li {
    font-weight: 500;
font-size: 20px;
line-height: 28px;
text-align: center;
position: relative;
width: 25%;
}

.china-tree ul li p {
    max-width: 314px;
    margin: 0 auto;
}

.china-tree ul li .chine-tree-dot {
    background: #2771FC;
border-radius: 8px;
width: 16px;
height: 16px;
margin: 0 auto 24px;
position: relative;
z-index: 2;
}

.china-tree ul li:before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    top: 7px;
    left: 0;
    background: #DBDFE3;
    z-index: 1;
}

.china-tree ul li:first-child:before {
    left: 50%;
}

.china-tree ul li:last-child:before {
    left: -50%;
}

.china-four .container {
    max-width: 1600px;
    padding: 56px 64px;
}

.china-four-title {
    font-weight: 500;
font-size: 44px;
line-height: 52px;
margin-bottom: 32px;
}

.china-four-subtitle {
    font-size: 20px;
line-height: 28px;
margin-bottom: 40px;
}

.china-four-link {
    display: flex;
    align-items: center;
    padding-top: 48px;
}

.china-four-link a {
    margin: 0 auto;
    padding: 22px 32px;
}

.china-four-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

.china-four-cards .china-four-card {
    width: calc(33.3% - 11px);
    height: 260px;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-weight: 500;
font-size: 24px;
line-height: 32px;
padding: 32px;
    align-items: end;
    padding-right: 24px;
    position: relative;
}

.china-four-cards .china-card-img {
    position: absolute;
    right: 32px;
    top: 8px;
    max-width: 140px;
}

.china-four-cards .china-card-img {
    display: block;
    max-width: 100%;
}

.china-four-cards .card1 {
    background: linear-gradient(154.39deg, #DA9FB6 -1.44%, #A76780 116.15%), #FFFFFF;
    padding-right: 50px;
}

.china-four-cards .card2 {
    background: linear-gradient(139.99deg, #D69F9D 19.64%, #AB6B69 86.32%), #D0A5A4;
}

.china-four-cards .card3 {
    background: linear-gradient(139.99deg, #7CB8FF 19.64%, #6291D5 86.32%), #8E9BCC;
    padding-right: 64px;
}

.china-four-cards .card4 {
    background: linear-gradient(128.06deg, #7ED19B 25.67%, #67B883 81.85%), #FFFFFF;
}

.china-four-cards .card5 {
    background: linear-gradient(146.88deg, #6ECDD9 16.46%, #4CA5B0 85.5%), #80C5CE;
}

.china-four-cards .card6 {
    background: linear-gradient(126.08deg, #8788BD 23.77%, #6D6EB0 82.11%), linear-gradient(180deg, #96A7CB 0%, #6A7CA4 100%), #80C5CE;
}

.china-four-cards .card6 .china-card-img { 
    top: 24px;
}

.china-five .container {
    max-width: 1600px;
    padding: 0px 64px;
}

.china-five-title {
    font-weight: 500;
font-size: 44px;
line-height: 52px;
margin-bottom: 57px;
}

.china-five .container .benefits__inner {
    gap: 64px 16px;
}

.china-five .container .benefits__inner .benefit_big {
    width: calc(33% - 16px);
}

.china-five .container .benefits__inner .benefit_big .benefit__content {
    max-width: 100%;
}

.china-five {
    margin-bottom: 64px;
}

.china-six {
    margin-bottom: 32px;
}

.china-six .container {
    max-width: 1600px;
    padding: 0px 64px;
}

.china-six-title {
    font-weight: 500;
font-size: 44px;
line-height: 52px;
margin-bottom: 40px;
}

.china-six-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 16px;
}

.china-six-card {
    background: #F3F6F9;
    border-radius: 16px;
    padding: 40px 24px 40px 40px;
    width: 100%;
    position: relative;
}

.china-six-card1 {
    max-width: calc(50% - 8px);
}

.china-six-card2 {
    max-width: calc(50% - 8px);
}

.china-six-card-img img {
    display: block;
}

.china-six-card1 .china-six-card-img, .china-six-card2 .china-six-card-img {
    position: absolute;
    right: 0;
    top: 80px;
}

.china-six-card3 .china-six-card-img {
    position: absolute;
    right: 140px;
    bottom: 0;
}

.china-six-card-title {
    font-weight: 500;
font-size: 32px;
line-height: 36px;
margin-bottom: 8px;
}

.china-six-card-subtitle {
    font-size: 20px;
line-height: 24px;
margin-bottom: 42px;
}

.china-six-card ul {
    margin-bottom: 40px;
}

.china-six-card ul li {
    font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-bottom: 18px;
padding-left: 32px;
position: relative;
}

.china-six-card ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
    background: url('../img/china/ok.svg') center center no-repeat;
}

.china-six-card ul li:last-child {
    margin-bottom: 0;
}

.china-six-card a {
    padding: 22px 32px;
}

.china-seven .container {
    max-width: 1600px;
    padding: 56px 64px;
    display: flex;
    justify-content: space-between;
}

.china-seven-title {
    font-weight: 500;
font-size: 44px;
line-height: 52px;
margin-bottom: 16px;
padding-top: 14px;
max-width: 324px;
}

.china-seven-subtitle {
    font-weight: 500;
font-size: 24px;
line-height: 32px;
margin-bottom: 56px;
}

.china-seven-tabs > div {
    font-size: 20px;
line-height: 24px;
padding-left: 36px;
margin-bottom: 40px;
position: relative;
cursor: pointer;
}

.china-seven-tabs > div:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 1px solid #CCD5DF; 
}

.china-seven-tabs > div.active:before {
    background: #2771FC;
    border: none;
}

.china-seven-left {
    max-width: 423px;
    margin-right: 73px;
}

.china-seven-right {
    max-width: calc(100% - 500px);
    width: 100%;
}

.china-slide {
    border: 1px solid #DBDFE3;
    box-sizing: border-box;
    border-radius: 16px;
    width: 100%;
    padding: 45px 50px 45px 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.china-slide:not(.active) {
    display: none;
}

.china-slide .slide-img {
    margin-right: 94px;
}

.china-slide-right ul li {
    font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-bottom: 18px;
padding-left: 32px;
position: relative;
}

.china-slide-right ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
    background: url('../img/china/ok.svg') center center no-repeat;
}

.china-slide-right ul li:last-child {
    margin-bottom: 0;
}

.china-slide-img-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.china-slide.china-slide-3 {
    padding: 45px 50px;
}

.china-slide-img-list .slide-img {
    margin-right: 0;
}

.china-slide-img-list .slide-img img {
    display: block;
    max-width: 100%;
}

@media (max-width: 768px) {
    .china-two .container, .china-five .container, .china-tree .container, .china-four .container, .china-tree .container, .china-six .container, .china-seven .container {
        padding-left: 0;
        padding-right: 0;
        margin-left: 12px;
        margin-right: 12px;
        width: calc(100% - 24px);
        max-width: calc(100% - 24px);
    }
    
   .page-business-china  .banner__description {
        display: block;
    }
    
    .page-business-china .banner__image img {
        max-width: 200px;
        margin: 0 auto;
    }
    
    .china-two .container {
        flex-direction: column;
        padding-top: 32px;
        padding-bottom: 32px;
    }
    
    .china-two-left {
        max-width: 156px;
        margin-right: 0;
        margin-bottom: 24px;
    }
    
    .china-two-right-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 24px;
    }
    
    .china-two-right-numbers {
        display: block;
    }
    
    .china-two-left img {
        display: block;
        max-width: 100%;
    }
    
    .china-two-right-numbers p {
        margin-bottom: 0;
        font-size: 44px;
        line-height: 52px;  
    }
    
    .china-two-right-numbers > div {
        margin-bottom: 16px;
    }
    
    .china-two-right-numbers span {
        font-size: 14px;
        line-height: 20px;
    }
    
    .china-tree .container {
        padding: 32px 20px;
    }
    
    .china-tree-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px;
        text-align: left;
    }
    
    .china-tree ul {
        flex-direction: column;
    }
    
    .china-tree ul li {
        width: 100%;
        display: flex;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 16px;
    }
    
    .china-tree ul li:last-child {
        padding-bottom: 0;
    }
    
    .china-tree ul li .chine-tree-dot {
        min-width: 16px;
        margin: 0 16px 0 0;
        position: relative;
        top: 3px;
        min-width: 9px;
        width: 9px;
        height: 9px;
        min-height: 9px;
    }
    
    .china-tree ul li p {
        margin: 0;
    }
    
    .china-tree ul li:before {
        top: 0px;
        left: 4px;
        height: 100%;
        width: 1px;
    }
    
    .china-tree ul li:first-child:before {
        left: 4px;
        top: 5px;
    }
    
    .china-tree ul li:last-child:before {
        left: 4px;
        height: 10px;
        top: -5px;
    }
    
    .china-four .container {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    
    .china-four-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    
    .china-four-subtitle {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 24px;
    }
    
    .china-four-cards {
        display: block;
    }
    
    .china-four-cards .china-four-card {
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 18px;
        width: 220px;
        height: 186px;
        display: flex !important;
        padding: 16px;
        left: 0px;
        left: -30px;
    }
    
    .china-four-cards .china-card-img {
        max-width: 100px;
        max-height: 100px;
    }
    
    .china-four-cards .china-card-img img {
        width: 100%;
    }
    
    .china-four-link {
        display: none;
    }
    
    .china-five-title {
        font-size: 24px;
        line-height: 28px;
        text-align: left;
        margin-bottom: 24px;
    }
    
    .china-five .benefit {
        height: 250px !important;
        left: -17px;
        position: relative;
    }
    
    .china-five .container .benefits__inner {
        margin-bottom: 0;
    }
    
    .china-five {
        margin-bottom: 32px;
    }
    
    .china-six-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px;
    }
    
    .china-six-cards {
        flex-direction: column;
        gap: 0;
    }
    
    .china-six-card1, .china-six-card2, .china-six-card3 {
        max-width: 100%;
        padding: 20px;
        margin-bottom: 16px;
        position: relative;
        overflow: hidden;
    }
    
    .china-six-card-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px;
        margin-right: 100px;
    }
    
    .china-six-card-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 16px;
        margin-right: 120px;
    }
    
    .china-six-card1 .china-six-card-img, .china-six-card2 .china-six-card-img {
        top: 8px;
        right: 0;
        max-width: 110px;
    }
    
    .china-six-card3 .china-six-card-img {
        top: -30px;
        right: -30px;
        max-width: 140px;
    }
    
    .china-six-card a {
        padding: 16px 32px;
        border-radius: 8px;
    }
    
    .china-six-card-img img {
        width: 100%;
    }
    
    .china-six-card ul li {
        font-size: 12px;
        line-height: 16px;
    }
    
    .china-six-card ul {
        margin-bottom; 20px;
    }
    
    .china-seven .container {
        flex-direction: column;
        padding-top: 16px;
        padding-bottom: 32px;
    }
    
    .china-seven-left {
        max-width: auto;
        margin-right: 0;
    }
    
    .china-seven-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 8px;
    }
    
    .china-seven-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px;
    }
    
    .china-seven-tabs > div {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 16px;
    }
    
    .china-seven-tabs > div:before {
        width: 12px;
        height: 12px;
    }
    
    .china-seven-tabs {
        margin-bottom: 24px;
    }
    
    .china-seven-right {
        max-width: none;
    }
    
    .china-slide, .china-slide.china-slide-3 {
        border-radius: 12px;
        flex-direction: column;
        padding: 30px;
    }
    
    .china-slide-right ul li {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 14px;
    }
    
    .china-slide .slide-img {
        margin: 0 auto 20px;
    }
    
    .china-slide .slide-img img {
        max-width: 151px;
    }
    
    .china-slide-img-list {
        gap: 0 12px;
    }
    
    .china-slide-img-list .slide-img {
        margin: 0;
    }
    
    .china-slide-img-list .slide-img img {
        width: 100%;
    }
    
    .china-slide-2 .china-slide-left {
        display: none;
    }
}

.page-deposit-promo .income-family-calc__right .result {
    background: #F3F6F9;
    box-shadow: none;
}

.page-deposit-promo .income-family-calc {
    background: #fff;
}

.page-deposit-promo .page-content {
    padding-top: 0;
}

.page-deposit-promo .banner__inner {
    padding-bottom: 0;
}

.sv-info > .container {
    padding: 0 64px;
}

.sv-info .breloks {
    padding: 56px;
    background: #F3F6F9;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 72px;
}

.sv-info .breloks-left-title {
    max-width: 600px;
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 16px;
}

.sv-info .breloks-left-subtitle {
    max-width: 600px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.sv-info .breloks-right {
    display: flex;
    gap: 0 40px;
}

.sv-info .breloks-right img {
    display: block;
    width: 33%;
    height: auto;
    object-fit: contain;
    object-position: top;
}

.sv-info .sv-text {
    max-width: 1224px;
    margin: 0 auto 64px;
    font-size: 14px;
line-height: 20px;
color: #818C99;
padding-top: 64px;
border-top: 1px solid #DBDFE3;
}

.sv-benefits {
    margin: 0 auto 64px;
    max-width: 1224px;
}

.sv-benefits .sv-benefits-title {
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 48px;
    text-align: center;
}

.sv-benefits ul {
    display: flex;
    justify-content: space-between;
    gap: 0 16px;
}

.sv-benefits ul li {
    width: 232px;
}

.sv-benefits ul .sv-benefits-img {
    margin-bottom: 16px;
}

.sv-benefits ul .sv-benefits-text {
    font-size: 16px;
    line-height: 24px;
}

.sv-header {
    background: #F3F6F9;
}

.sv-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1488px;
}

.sv-header a.sv-logo {
    width: 217px;
    height: 116px;
    display: block;
    background: url('../img/sv-logo.png') center center no-repeat;
}

.sv-header .sv-phone, .sv-header .sv-phone:hover {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.sv-footer {
    padding-bottom: 56px;
    padding-top: 56px;
}

.sv-footer .container {
    display: flex;
    max-width: 1488px;
    gap: 0 48px;
} 

.sv-footer-phone {
    margin-left: auto;
    font-weight: 500;
font-size: 24px;
line-height: 32px;
text-align: right;
}

.sv-footer-block {
    font-size: 16px;
    line-height: 20px;
    max-width: 340px;
}

.sv-footer-block-second {
    display: flex;
    gap: 0 24px;
    max-width: 440px;
}

.sv-footer-block-second p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
}

.sv-footer-block-second span {
    font-size: 16px;
line-height: 20px;
color: #818C99;
}

@media (max-width: 768px) {
    .sv-header {
        padding: 0 12px;
    }
    
    .sv-header a.sv-logo {
        width: 128px;
        height: 68px;
        background-size: 100%;
    }
    
    .sv-header .sv-phone, .sv-header .sv-phone:hover {
        font-size: 16px;
        line-height: 24px;
    }
    
    .sv-info > .container {
        padding: 0 12px;
    }
    
    .sv-info .breloks {
        padding: 32px 12px;
        flex-direction: column;
        margin-top: -20px;
        margin-bottom: 32px;
    }
    
    .sv-info .breloks-left-title {
        font-size: 24px;
line-height: 28px;
margin-bottom: 16px;
    }
    
    .sv-info .breloks-left-subtitle {
        font-size: 16px;
line-height: 24px;
margin-bottom: 24px;
    }
    
    .sv-info .breloks-right {
        flex-direction: column;
        gap: 24px 0;
    }
    
    .sv-info .breloks-right img {
        width: 219px;
    }
    
    .sv-benefits ul {
        flex-direction: column;
        gap: 24px 0;
    }
    
    .sv-footer .container {
        flex-direction: column-reverse;
    }
    
    .sv-info .sv-text {
        font-size: 12px;
line-height: 20px;
padding-top: 32px;
margin-bottom: 32px;
    }
    
    .sv-benefits .sv-benefits-title {
        text-align: left;
        font-weight: 500;
font-size: 24px;
line-height: 28px;
margin-bottom: 24px;
    }
    
    .page-deposit-promo .income-family-calc {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    
    .page-deposit-promo .income-family-calc--container {
        padding-top: 0;
    }
    
    .sv-benefits ul .sv-benefits-img {
        margin-bottom: 0;
        margin-right: 16px;
    }
    
    .sv-benefits ul li {
        width: 100%;
        display: flex;
    }
    
    .sv-benefits ul .sv-benefits-text {
        font-size: 14px;
        line-height: 20px;
    }
    
    .sv-benefits {
        margin-bottom: 32px;
    }
    
    .sv-footer {
        padding: 32px 12px;
    }
    
    .sv-footer-phone {
        margin-left: 0;
        font-size: 20px;
line-height: 24px;
margin-bottom: 24px;
text-align: left;

    }
    
    .sv-footer-block-second {
        gap: 0 16px;
        margin-bottom: 24px;
    }
    
    .sv-footer-block-second p {
        font-size: 12px;
line-height: 16px;
margin-bottom: 4px;
    }
    
    .sv-footer-block-second span {
        font-size: 12px;
line-height: 16px;
    }
    
    .sv-footer-block {
        font-size: 12px;
line-height: 16px;
    }
}

.page-sokol-local-pass .banner__description {
    max-width: 490px;
}

.page-sokol-local-pass .banner__item {
    position: relative;
}

.page-sokol-local-pass .banner__small {
    font-size: 16px;
    line-height: 20px;
    color: #818C99;
    max-width: 515px;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.page-sokol-local-pass .card__content--full .card__title {
    max-width: 95%;
}

.page-sokol-local-pass .japan-special__title {
    max-width: 605px;
}

.page-sokol-local-pass .banner__image img {
    max-width: 514px;
}

.page-sokol-local-pass .banner__image {
    text-align: right;
    height: auto;
}

.page-sokol-local-pass .banner__buttons {
    margin-bottom: 100px;
}

.page-sokol-local-pass .benefits-section__inner {
    padding: 0 56px;
}

.page-sokol-local-pass .benefits-section-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    padding: 56px 60px 32px;
    
}

@media (max-width: 768px) {
.page-sokol-local-pass .banner__image {
    max-height: none;
}

.page-sokol-local-pass .banner__description {
    display: block;
    font-size: 12px;
line-height: 20px;
}

.page-sokol-local-pass .banner__buttons {
    margin-bottom: 80px; 
}

.page-sokol-local-pass .banner__small {
    bottom: 0;
    font-size: 12px;
line-height: 16px;
}

.page-sokol-local-pass .cards__inner-padding .card {
    padding: 16px 12px;
}

.page-sokol-local-pass .benefits-section__inner {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.page-sokol-local-pass .card__content--full .card__title {
    margin-bottom: 0;
    font-size: 20px;
line-height: 26px;
}

.page-sokol-local-pass .cards__inner .slick-list .card {
    width: 220px;
}

.page-sokol-local-pass .card__content {
    width: 220px;
}

.page-sokol-local-pass .japan-special__title {
    font-size: 20px !important;
line-height: 26px;
}

.page-sokol-local-pass .tabs__container {
    width: auto;
    white-space: nowrap;
    display: block;
    margin: 0 -12px;
}

.page-sokol-local-pass .tabs__container .tabs__tab {
    margin-right: 7px;
}

.page-sokol-local-pass .benefits-section-title {
   font-size: 24px;
line-height: 28px;
    padding: 32px 12px 24px;
}

}

.sokol-slider {
    background: #F3F6F9;
    position: relative;
    margin-top: 56px;
}

.sokol-slider .container {
    max-width: 1350px;
    padding: 56px 56px 128px;
}

.sokol-slider-item, .sokol-slider .slick-slide.sokol-slider-item {
    display: flex;
    justify-content: space-between;
}

.sokol-slider-item-left {
    margin-right: 140px;
}

.sokol-slider-item-title {
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 12px;
}

.sokol-slider-item-descr {
    font-size: 20px;
line-height: 28px;
margin-bottom: 40px;
}

.sokol-slider-item-text {
    font-size: 20px;
    line-height: 32px;
}

.sokol-slider .slider-controls {
    position: absolute;
    bottom: 56px;
    left: 0;
    right: 0;
}

.btn.btn--sokol--info > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: none;
}

.japan-special.sokol .card__content-left {
    width: 100%;
}

.japan-special.sokol .card-type_purple {
    position: absolute;
    right: 24px;
    top: 24px;
}

.japan-special.sokol .card-type_purple span {
    background: #FF4874;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    border-radius: 16px;
}

.btn.btn--sokol--info {
    position: absolute;
    left: 0;
    background: none;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.btn.btn--sokol--info span.ripple {
    display: none !important;
}

.japan-special.sokol .card:before {
    position: absolute;
    left: 0;
    background: #000;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    content: '';
    display: block;
    transition: all 0.3s ease;
}

.japan-special.sokol .card.non-hover:before {
    display: none;
}

.japan-special.sokol .card:hover:before {
    opacity: 0.3;
}

@media (max-width: 768px) {
    .japan-special.sokol .card-type_purple {
        right: 16px;
        top: 20px;
        padding: 0;
    }
    
    .japan-special.sokol .card-type_purple span {
        padding: 7px 12px 6px;
        font-size: 12px;
        line-height: 15px;
        border-radius: 10px;
    }

    .sokol-slider {
        margin-top: 0;
    }
    
    .sokol-slider .container {
        padding: 0 12px 64px;
    }
    
    .sokol-slider-item, .sokol-slider .slick-slide.sokol-slider-item {
        flex-direction: column;
    }
    
    .sokol-slider-item-left {
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-around;
    }
    
    .sokol-slider-item-left img {
        max-width: 156px;
    }
    
    .sokol-slider-item-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 4px;
    }

    .sokol-slider-item-descr {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 24px;
    }

    .sokol-slider-item-text {
        font-size: 14px;
        line-height: 22px;
    }
    
    .sokol-slider .slider-controls {
        bottom: 33px;
    }
}