/*!
Theme Name: webbankir
Theme URI: https://webbankir.com/
Author: tg: alexander_superweb
Author URI: https://web-technology.pro/
Description: Шаблон сайта Веббанкир
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webbankir
Tags: custom-background,  custom-logo,  custom-menu,  featured-images,  threaded-comments,  translation-ready
This theme,  like WordPress,  is licensed under the GPL.
Use it to make something cool,  have fun,  and share what you've learned.
*/
:root {
    --main-font: 'Exo 2', sans-serif;
    --black: #1D2431;
    --grey: #686D81;
    --litegrey: #C5C9D2;
    --yellow: #FFDE52;
    --neutral: #EEF1F7;
    --neutral2: #F5F7FA;
}

* {
}

:before {
    box-sizing: border-box;
}

:after {
    box-sizing: border-box;
}

:focus {
    outline: 0;
}

.page__body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: 100%;
    font-family: var(--main-font), sans-serif;
    font-size: 17px;
    color: var(--black);
}

.page-footer {
    margin-top: auto;
}

.page-main {
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

iframe, img, svg {
    vertical-align: top;
}

.list-reset {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.btn-reset {
    padding: 0;
    margin: 0;
    background: 0;
    border: 0;
    color: inherit;
    text-align: left;
}

.link-reset {
    text-decoration: none;
    color: inherit;
}

::-moz-placeholder {
    opacity: 1;
}

:-ms-input-placeholder {
    opacity: 1;
}

::placeholder {
    opacity: 1;
}

::-moz-selection {
    background-color: #000;
    color: #fff;
}

::selection {
    background-color: #000;
    color: #fff;
}

.m0 {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.p0 {
    padding: 0 !important;
}

h2 {
    font-family: "Manrope";
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    color: #000000;
    margin: 0;
}

h3 {
    font-family: "Manrope";
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    color: #000000;
    margin: 0;
}

h4 {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #000000;
    margin: 0;
}

.h1, h1 {
    font-size: 52px;
    line-height: 57px;
    letter-spacing: 1px;
    font-weight: 700;
}

.h2, h2 {
    font-size: 41px;
    line-height: 49px;
    font-weight: 700;
}

.h3, h3 {
    font-size: 33px;
    line-height: 43px;
    font-weight: 600;
}

.h4, h4 {
    font-size: 27px;
    line-height: 38px;
    font-weight: 600;
}

.h5, h5 {
    font-size: 17px;
    line-height: 28px;
    font-weight: 700;
}

.h6, h6 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
}

.p, p {
    font-size: 17px;
    line-height: 28px;
}

.payment-procent.caption {
    font-size: 14px;
    line-height: 21px;
    color: #1D2431;
    font-family: 'Rubik', sans-serif;
}

.modal__content .caption {
    color: #474d62;
}

.form__col--end {
    margin-top: 50px;
}

div.form__grid .form__col--end {
    margin-top: 190px;
}

.input-wrapper .caption {
    color: #1D2431 !important;
}

b, strong {
    font-weight: 700;
}

a {
    color: #1470dc;
}

.btn {
    height: 50px;
    border-radius: 5px !important;
    background-color: var(--yellow);
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
    font-size: 17px;
    line-height: 28px;
}

.btn path {
    transition: .3s;
}

.btn:hover {
    background-color: var(--black);
    color: #fff;
}

.btn:hover path {
    fill: #fff;
}

.btn--white {
    background-color: #fff;
    color: var(--black);
}

.btn--why {
    background-color: #fff;
    color: var(--black);
}

.btn--why:hover {
    background-color: var(--yellow);
    color: var(--black);
}

.btn--store:hover {
    background-color: #fff;
}

.btn--black {
    background-color: #000;
}

.btn--black:hover {
    background-color: #000;
}

.btn--w180 {
    width: 180px;
}

.btn--w100p {
    width: 100%
}

.btn--w285 {
    max-width: 285px;
    width: 100%
}

.btn--br {
    border-radius: 8px;
}

.btn--middle {
    margin: 0 auto;
}

.input {
    background: #fff;
    border: 1px solid var(--neutral);
    font-size: 14px;
    line-height: 21px;
    width: 100%;
    height: 50px;
    padding: 0 20px;
}

.input::-moz-placeholder {
    color: var(--litegrey);
}

.input:-ms-input-placeholder {
    color: var(--litegrey);
}

.input::placeholder {
    color: var(--litegrey);
}

@-webkit-keyframes bankir {
    0% {
        opacity: 1;
        transform: translateY(100%);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    50% {
        opacity: 1;
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bankir {
    0% {
        opacity: 1;
        transform: translateY(100%);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    50% {
        opacity: 1;
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes bankir2 {
    0% {
        opacity: 1;
        transform: translateY(100%);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    50% {
        opacity: 1;
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bankir2 {
    0% {
        opacity: 1;
        transform: translateY(100%);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    50% {
        opacity: 1;
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes phoneLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
        transform: translateX(-50%);
    }
}

@keyframes phoneLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
        transform: translateX(-50%);
    }
}

@-webkit-keyframes phoneRight {
    0% {
        opacity: 1;
        transform: translateX(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
        transform: translateX(50%);
    }
}

@keyframes phoneRight {
    0% {
        opacity: 1;
        transform: translateX(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
        transform: translateX(50%);
    }
}

@-webkit-keyframes circleScale {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    1% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        transform: translate(-50%, -50%) scale(0, 0);
    }
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}

@keyframes circleScale {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    1% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        transform: translate(-50%, -50%) scale(0, 0);
    }
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes moneyScale {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    1% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
    }
}

@keyframes moneyScale {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    1% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes appPhone {
    0% {
        opacity: 1;
        transform: translateX(5%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes appPhone {
    0% {
        opacity: 1;
        transform: translateX(5%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.page-header__images .swiper-container {
    z-index: 0;
}

.bankirAnimation {
    -webkit-animation: bankir 2s linear forwards;
    animation: bankir 2s linear forwards;
    opacity: 0;
}

.bankirAnimation2 {
    -webkit-animation: bankir2 2s linear forwards;
    animation: bankir2 2s linear forwards;
    opacity: 0;
}

.phoneLeft {
    opacity: 0;
    -webkit-animation: phoneLeft 1s linear forwards;
    animation: phoneLeft 1s linear forwards;
}

.phoneRight {
    opacity: 0;
    -webkit-animation: phoneRight 1s linear forwards;
    animation: phoneRight 1s linear forwards;
}

.circleScale {
    -webkit-animation: circleScale 2s linear forwards;
    animation: circleScale 2s linear forwards;
}

.circleScale2 {
    -webkit-animation: circleScale 3s linear forwards;
    animation: circleScale 3s linear forwards;
}

.moneyScale {
    opacity: 0;
    -webkit-animation: moneyScale 2s linear forwards;
    animation: moneyScale 2s linear forwards;
}

.appPhone {
    opacity: 0;
    -webkit-animation: appPhone 2s linear forwards;
    animation: appPhone 2s linear forwards;
}

.slider-word-wrap {
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0 0 15px 0;
}

.slider-notice {
    background: #FFDE52;
    border-radius: 2px;
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    width: 237px;
    color: #1D2431;
}

.page-header__text {
    position: relative;
    width: 399px;
}

.page-header__text .h2, .page-header__text h2, .page-header__text h1 {
    font-size: 52px;
    font-weight: 600;
    line-height: 58px;
    margin-top: 0;
    margin-bottom: 10px;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.page-header {
    background-image: linear-gradient(0deg, #474d62, #474d62);
    position: relative;
    z-index: 10;
}

.page-header.full {
    /*height: 1001px;*/
}

.page-header.full .page-header__bottom {
    /*height: 878px;*/
}

.page-header.full .page-header__bottom .container, .page-header.full .page-header__bottom .page-header__grid {
    height: 100%
}

.page-header.full .page-header__bottom .page-header__images {
    justify-self: unset;
}

.page-header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 31px;
    padding-bottom: 31px;
}

.gosuslugi {
    position: relative;
    border: 1px solid #0D4CD3;
    border-radius: 4px;
    height: 56px;
    padding: 17px 2px 13px 2px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 12px;
    background: #0D4CD3;
    font-size: 14px;
}

.gosuslugi:hover {
    background-color: #1954d3;
}

.gosuslugi img {
    margin-top: 5px;
    margin-left: 4px;
    margin-bottom: 1px;
}

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

.menu__list {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.menu__list li:not(:last-child) {
    margin-right: 30px;
}

.menu__list a {
    text-decoration: none;
    color: #fff;
    transition: .3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.menu__list a:hover {
    color: var(--yellow);
}

.hamburger {
    cursor: pointer;
    position: relative;
    margin-right: 30px;
}

.hamburger:hover path, .hamburger:hover rect {
    transition: .3s;
}

.hamburger:hover svg rect {
    fill: #fff;
}

.hamburger:hover svg rect:first-child {
    fill: var(--yellow);
}

.hamburger:hover svg path {
    fill: #fff;
}

.page-header__bottom {
    padding-top: 31px;
}

.page-header__grid {
    display: grid;
    grid-template-columns: 285px minmax(442px, max-content) 390px;
    grid-template-rows: 100%;
    gap: 24px;
}

.page-header__img {
    margin-right: 50px;
    position: relative;
    z-index: 1;
    display: flex;
}

.webbankir-image {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    z-index: -1;
}

.webbankir-image svg {
    max-width: 100%;
    height: auto;
}

.page-header .swiper-wrapper {
    height: auto;
}

.text-slider .swiper-wrapper {
    padding-bottom: 15px!important;
}

.page-header .swiper-pagination {
    bottom: 0;
    text-align: left;
}

.swiper-pagination-bullet {
    background-color: transparent;
    width: 10px;
    height: 10px;
    opacity: 1;
    margin: 0 7.5px;
    border: 2px solid #fff;
}

.swiper-pagination-bullet-active {
    background-color: #fff;
}

.text-slider {
    color: #fff;
    padding-bottom: 20px;
}

.text-slider__title {
    margin-top: 0;
    margin-bottom: 40px;
}

.text-slider__p {
    margin-top: 15px;
    margin-bottom: 0;
}

.page-header__calc {
    margin-bottom: 68px;
    display: flex;
    flex-direction: column;
}

.calc {
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    /*z-index: 11;*/
}

.calc__btns {
    display: flex;
    align-items: center;
    background-color: var(--neutral);
}

.calc__btn {
    transition: .3s;
    padding: 12.5px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    cursor: pointer;
    height: 50px;
}

.calc__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0;
    background-color: var(--yellow);
    height: 5px;
    width: 100%;
    transition: .3s;
    visibility: hidden;
    opacity: 0;
}

.calc__btn.active {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}

.calc__btn.active .calc__btn-text {
    display: none;
}

.calc__btn.active::before {
    visibility: visible;
    opacity: 1;
}

.calc__contents {
    margin-top: auto;
}

.calc__content {
    display: none;
}

.calc__content.active {
    display: block;
}

/* page-calc styles start */

.page-calc {
    border: 1px solid #eef1f7;
    border-radius: 5px;
    margin-bottom: 68px;
}

.search + .page-calc, .page-calc.mt-0 {
    margin-top: 0;
}

.page-calc.mt {
    margin-top: 68px;
}

.page-calc .calc__btns {
    display: none;
}

.page-calc .page-header__calc {
    margin-bottom: 0;
}

.page-calc .calc__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    padding: 43px 37px;
    background-color: #ffffff;
}

.page-calc .calc__bottom-content {
    max-width: 285px;
    margin: 0 auto;
}

.page-calc .calc__bottom .calc__range-current {
    display: none;
}

.page-calc .page-header__alert {
    margin-top: 0;
}

.page-calc .calc-item {
    margin-bottom: 15px;
}

.page-calc .calc__top .page-header__alert, .page-calc .calc__top .calc__range-current.desktop {
    border-top: 1px solid #eef1f7;
    padding-top: 15px;
}

.page-calc .calc__top .page-header__alert {
    order: 4;
}

.page-calc .calc__top .calc__range-current.desktop {
    justify-content: flex-start;
    order: 3;
}

.page-calc .calc__top .calc__range-current.desktop .caption {
    margin-right: 30px;
}

.page-header__alert {
    margin-top: 43px;
}

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

.alert img {
    margin-right: 17px;
}

.alert .caption {
    color: var(--black);
    font-size: 14px;
    line-height: 21px;
    font-family: 'Rubik', sans-serif;
}

.page-calc .calc__range-current .caption {
    text-transform: uppercase;
    color: var(--black);
    font-size: 14px;
    line-height: 21px;
    font-family: 'Exo 2', sans-serif;
}

.page-calc .calc__bottom {
    padding: 21px 52px;
    background: linear-gradient(0deg, #eef1f7, #eef1f7), #fff;
}

.page-calc .calc__bottom button {
    height: 56px;
    background-color: #FFFFFF;
    font-family: 'Rubik', sans-serif;
    border: 1px solid var(--yellow);
    font-size: 15px;
}

.calc__bottom button:hover {
    background-color: var(--yellow);
    color: var(--black);
}

.calc__bottom .calc__range-current {
    margin-bottom: 29px;
    position: relative;
}

.gos {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    color: #FFFFFF;
    margin: 0 auto;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    line-height: 19px;
}

.calc__text {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    color: var(--grey);
}

.calc__top--second .alert {
    margin-top: 47px;
}

.calc__bottom-text {
    margin-top: 0;
    margin-bottom: 55px;
    text-align: center;
    color: var(--black);
}

.mh .calc__bottom-text {
    margin-bottom: 35px;
}

.page-header__lk svg {
    display: none;
}

.big-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
    z-index: 10;
    transform: translateY(-100%);
    transition: .5s;
    overflow: hidden;
}

.big-menu.open {
    transform: translateY(0);
    /*margin-top: 28px;*/
}

.big-menu__list {
    display: flex;
    justify-content: flex-end;
}

.big-menu__list .btn {
    margin-right: 30px;
}

.big-menu__list .hamburger {
    margin-right: 0;
}

.big-menu__list .page-header__lk {
    margin-right: 0;
    display: none;
}

.big-menu__top {
    background-color: var(--neutral);
    padding-top: 10px;
    padding-bottom: 10px;
}

.big-menu__grid {
    display: grid;
    grid-template-columns: 420px 1fr;
}

.big-menu__ul {
    padding-top: 65px;
    padding-bottom: 62px;
    background-color: var(--neutral);
    position: relative;
}

.big-menu__li {
    position: relative;
}

.big-menu__li.active::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: var(--neutral);
    transform: rotate(45deg);
    visibility: hidden;
    opacity: 1;
}

.big-menu__li:not(:last-child) {
    margin-bottom: 31px;
}

.big-menu__li.active::after, .big-menu__li:hover::after {
    visibility: visible;
    opacity: 1;
}

.big-menu__li.active a, .big-menu__li:hover a {
    color: var(--black);
}

.big-menu__li a {
    color: var(--grey);
    text-decoration: none;
    transition: .3s;
}

.big-menu__bottom {
    position: relative;
    z-index: 1;
}

.big-menu__bottom::before {
    content: '';
    position: absolute;
    width: 40%;
    height: 100%;
    background-color: var(--neutral);
    left: 0;
    right: 0;
    z-index: -1;
}

.big-menu__subs {
    padding-top: 65px;
    padding-bottom: 65px;
    padding-left: 105px;
    position: relative;
}

.big-menu__subs a {
    color: var(--grey);
    text-decoration: none;
    transition: .3s;
}

.big-menu__subs a:not(.btn):hover {
    color: var(--black);
}

.big-menu__subs .review-btn-link:hover {
    color: #fff;
}

.big-menu__subs .review-btn-link {
    margin-top: 20px;
}

.big-content {
    display: none;
}

.big-content.active {
    display: flex;
}

.big-menu__icon {
    position: absolute;
    right: 0;
    top: 40px;
}

.page-header__images {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
}

@media all and (max-width: 1680px) {
    .page-header__images {
        margin-bottom: 1px;
    }
}

.big-menu__top .logo {
    display: none;
}

.big-menu__grid .big-menu__list {
    display: none;
}

.btn-back {
    display: none;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-nav .swiper-pagination-bullet {
    margin: 0 7.5px 0 0;
}

.breadcrumbs {
    background: linear-gradient(0deg, #eef1f7, #eef1f7);
    align-items: center;
    padding: 55px 0 55px 0;
    display: block;
}

.breadcrumbs__title {
    margin: 0;
    margin-bottom: 15px;
}

.breadcrumbs__subtitle {
    color: var(--grey);
    margin: 0;
}

.breadcrumbs__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bottom-calc {
    display: none;
}

.page-calc .bottom-calc {
    display: block;
}

section.bottom-calc {
    --gap: 104px;
}

.breadcrumbs__wrap {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef1f7;
}

.breadcrumbs__wrap .bread {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs__wrap li {
    position: relative;
}

.breadcrumbs__wrap li:last-child a {
    color: #686d81;
    pointer-events: none;
}

.breadcrumbs__wrap li:not(:last-child) {
    margin-right: 16px;
}

.breadcrumbs__wrap li:not(:last-child)::after {
    content: '/';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -12px;
}

.breadcrumbs__wrap a {
    text-decoration: none;
    color: #000;
}

.pagination {
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
}

.pagination li:not(:last-child) .pagination__nav {
    margin-right: 10px;
}

.pagination a {
    background: #fff;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    text-decoration: none;
    transition: .3s;
}

.pagination a:not(.pagination__dots).current, .pagination a:not(.pagination__dots):hover {
    background-color: var(--yellow);
}

.pagination a:not(.pagination__dots).current {
    pointer-events: none;
}

.pagination a svg {
    margin-right: -5px;
}

.pagination .pagination__arrow.prev {
    margin-right: 25px;
}

.pagination .pagination__arrow.prev svg {
    margin-right: -6px;
}

.pagination .pagination__arrow.next {
    margin-left: 25px;
}

.pagination .pagination__arrow.next svg {
    margin-left: -6px;
}

.pagination .pagination__dots {
    background: 0;
}

.pagination .pagination__nav.last {
    margin-right: 0 !important;
}

.modal {
    --overlay-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--overlay-color);
    z-index: 100;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    -webkit-animation: fadeOut .25s both ease;
    animation: fadeOut .25s both ease;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.modal--open {
    -webkit-animation: fadeIn .25s both ease;
    animation: fadeIn .25s both ease;
    display: flex;
}

.modal__content {
    background-color: #fff;
    max-width: 450px;
    width: 100%;
    position: relative;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10%);
    transition: .15s ease;
    cursor: default;
    border-radius: 5px;
}

.modal__content--open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.modal__close {
    --crossHeight: 50px;
    border: 0;
    padding: 0;
    background: 0;
    font-size: var(--crossHeight);
    font-weight: 700;
    width: var(--crossHeight);
    height: var(--crossHeight);
    line-height: var(--crossHeight);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer;
    transition: opacity .3s ease;
}

.modal__top {
    padding-top: 43px;
    padding-bottom: 52px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: #fff;
    border-top: 5px solid var(--yellow);
}

.modal__top h4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}

.modal__bottom {
    padding: 54px 57px;
    background-color: var(--neutral);
}

.modal__bottom .btn {
    width: 240px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.modal__alert {
    padding: 15px 20px;
    border: 1px solid #eef1f7;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.modal__alert svg {
    margin-right: 19px;
    margin-bottom: -5px;
}

.modal__alert p {
    margin: 0;
    color: #686d81;
}

.modal__alert a {
    text-decoration: none;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.loan {
    padding-top: 192px;
    padding-bottom: 208px;
    position: relative;
}

.load__grid {
    display: grid;
    grid-template-columns: 285px 1fr 285px;
    gap: 95px;
    align-items: center;
}

.loan-item {
    text-align: center;
    background: #fff;
    border: 1px solid #eef1f7;
    border-radius: 0 0 5px 5px;
    height: 395px;
    padding-top: 33px;
    padding-bottom: 45px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    z-index: 10;
}

.loan-item::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    width: calc(100% + 2px);
    height: 5px;
    background-color: var(--yellow);
}

.loan-item:hover {
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
}

.loan-item__img {
    margin-bottom: -75px;
    margin-right: -25px;
}

.loan-item__title {
    max-width: 210px;
    margin: 0 auto;
}

.loan__phones {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    position: relative;
}

.phone {
    position: absolute;
    z-index: -1;
}

.loan__images {
    position: relative;
}

.loan-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.loan-circle img {
    max-width: initial;
}

.loan-side {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-color: var(--neutral);
    z-index: 11;
    box-shadow: 0 0 15px rgba(50, 60, 71, .2);
    display: flex;
    align-items: center;
    transition: .3s ease-in-out;
}

.loan-side.open {
    transform: translateX(0);
}

.loan-side--left {
    left: 0;
    transform: translateX(-100%);
}

.loan-side--left .loan-side__close {
    right: 28px;
}

.loan-side--right {
    right: 0;
    transform: translateX(100%);
}

.loan-side--right .loan-side__close {
    left: 28px;
}

.loan-pays {
    max-width: 692px;
    width: 100%;
    margin-left: auto;
    padding-right: 76px;
    padding-left: 76px;
}

.loan-pays__title {
    margin-top: 0;
    margin-bottom: 38px;
}

.loan-pays__grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}

.loan-pay {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.loan-pay--long {
    background-color: var(--yellow);
    grid-column: 1/3;
}

.loan-pay--long .loan-pay__name {
    color: #000;
    text-transform: none;
}

.loan-pay__image {
    height: 50px;
    width: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-right: 1px solid var(--neutral);
}

.loan-pay__name {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: var(--grey);
    padding-right: 21px;
    padding-left: 21px;
}

.loan-pays__btn {
    margin-top: 56px;
}

.loan-side__close {
    cursor: pointer;
    position: absolute;
    top: 28px;
    margin: 0;
}

.loan-info {
    max-width: 664px;
    padding-left: 52px;
    padding-right: 52px;
}

.loan-info__title {
    margin-bottom: 24px;
    margin-top: 0;
}

.loan-info__text {
    margin-top: 0;
    margin-bottom: 18px;
}

.loan-info__list {
    color: var(--grey);
    max-width: 502px;
    margin-bottom: 40px;
    position: relative;
}

.loan-info__list::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 5px;
    bottom: 5px;
    border-left: 1px dashed var(--yellow);
}

.loan-info__list::after {
    content: '';
    height: 40px;
    width: 3px;
    background-color: var(--neutral);
    position: absolute;
    left: 9px;
    bottom: 10px;
}

.loan-info__list li {
    position: relative;
    padding-left: 47px;
    z-index: 2;
}

.loan-info__list li::before {
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    top: 4px;
    left: 0;
    background-color: #fff;
    border: 6px solid var(--yellow);
    border-radius: 50%
}

.loan-info__list li:not(:last-child) {
    margin-bottom: 31px;
}

.loan-info__way-title {
    margin-top: 0;
    margin-bottom: 9px;
}

.loan-info__row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 50px;
    -moz-column-gap: 18px;
    column-gap: 18px;
}

.text {
    background-color: #fff;
    padding-top: 57px;
    padding-bottom: 57px;
    position: relative;
    z-index: 2;
}

.text__grid {
    display: grid;
    grid-template-columns: 225px 1fr;
    gap: 77px;
    align-items: center;
}

.text__title {
    margin: 0;
    min-height: 156px;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--neutral);
}

.text__p {
    margin: 0;
    color: var(--grey);
}

.htw {
    background-color: var(--neutral);
    padding-top: 98px;
}

.htw__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.htw__text {
    max-width: 390px;
}

.htw__title {
    margin-top: 0;
    margin-bottom: 28px;
}

.htw__text {
    margin: 0;
}

.page-header-top {
    position: -webkit-sticky;
}

.video {
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 288px;
}

.video__iframe, .video__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.video__img {
    z-index: 1;
}

.video__iframe {
    z-index: 2;
}

.video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.htw__grid {
    margin-bottom: 84px;
}

.htw-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.htw-item {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    border-top: 5px solid var(--yellow);
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 50px;
    padding-right: 50px;
    min-height: 190px;
}

.htw-item__title {
    margin-top: 0;
    margin-bottom: 15px;
    display: block;
}

.htw-item__title span {
    margin-right: 15px;
}

.htw-item__text {
    margin: 0;
    color: var(--grey);
}

.wl {
    padding-top: 104px;
    padding-bottom: 78px;
    background: linear-gradient(0deg, #eef1f7, #eef1f7), radial-gradient(32.27% 60.99% at 62.94% 38.98%, #c5c9d2 0, #b8bcc7 .97%, #686d81 91.19%);
}

.wl__title {
    margin-top: 0;
    margin-bottom: 90px;
}

.wl-slide {
    width: 390px;
    background-color: #fff;
    border: 1px solid var(--neutral);
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    padding-top: 72px;
    padding-right: 28px;
    padding-left: 28px;
    padding-bottom: 50px;
}

.wl-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    border-top: 5px solid var(--yellow);
}

.wl-slide__hit {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 17px;
    top: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
}

.wl-slide__hit svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.wl-slide__hit span {
    position: relative;
    z-index: 2;
    margin-top: -4px;
}

.wl-slide__image {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-bottom: 47px;
}

.wl-slide__image::after {
    content: url(/wp-content/themes/webbankir/img/wl-shape.svg);
    position: absolute;
    right: -30px;
    top: -45px;
    z-index: -1;
}

.wl-slide__title {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

.wl-slide__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 5px;
    column-gap: 5px;
}

.wl-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90px;
    padding: 17px 5px;
    border: 1px solid #eef1f7;
    border-radius: 5px;
}

.wl-item img {
    max-width: 25px;
    display: block;
    margin: 0 auto;
}

.wl-item span {
    color: var(--grey);
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}

.wl-slide__image {
    height: 112px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.wl-slide__image img {
    height: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.wl-slide__grid + .wk-slide__star {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wl-slide__grid + .btn {
    margin-top: 68px;
}

.wk-slide__star {
    text-align: center;
    color: var(--grey);
    margin: 0;
}

.wl-slider {
    padding-bottom: 58px;
}

.popular-articles .wl-slider {
    padding-bottom: 0;
}

.swiper-pagination--grey .swiper-pagination-bullet {
    border-color: var(--grey);
}

.swiper-pagination--grey .swiper-pagination-bullet-active {
    background-color: var(--grey);
}

.loan-button-fixed {
    display: none;
    position: fixed;
    height: 58px;
    width: 100%;
    background: #ffffff;
    bottom: 0;
    align-items: center;
    text-align: center;
    z-index: 888;
    transition: all 0.3s ease 0s;
    box-shadow: 0 -2px 9px rgba(71, 77, 98, 0.08);
    margin-bottom: -1px;
}

.loan-button-fixed-block {
    width: 100%;
}

.loan-button-fixed-block button {
    width: 220px;
    height: 40px;
}

.app {
    padding-top: 235px;
    padding-bottom: 235px;
    background-color: #474d62;
    background-image: radial-gradient(17.09% 35.97% at 37.79% 52.53%, rgba(197, 201, 210, .5) 0, rgba(197, 201, 210, 0) 100%);
    position: relative;
    z-index: 1;
}

.app__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.app__col--img {
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding-right: 22px;
}

.app-money {
    position: absolute;
    bottom: -60px;
    left: 20px;
}

.app-phone {
    position: absolute;
    top: -60px;
    left: 145px;
    z-index: -1;
}

.app-info {
    max-width: 390px;
    margin-left: auto;
    color: #fff;
}

.app-info__title {
    margin-top: 0;
    margin-bottom: 23px;
}

.app-info__text {
    margin-top: 0;
    margin-bottom: 35px;
}

.app-btns {
    display: flex;
    justify-content: space-between;
}

.app__col .loan-circle {
    display: none;
}

.sales {
    padding-top: 146px;
    padding-bottom: 146px;
    background-color: #474d62;
}

.sales__title {
    margin: 0;
    color: #fff;
}

.title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sales__title-row {
    margin-bottom: 127px;
}

.sales__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 215px);
    gap: 30px;
    margin-bottom: 30px;
}

.sales__grid .sale + .sale {
    grid-row: 1/3;
}

.sale {
    grid-row: 1/3;
    background-color: #fff;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
    display: grid;
    grid-template-columns: 1fr 285px;
    overflow: hidden;
}

.sale__info {
    display: flex;
    flex-direction: column;
}

.sale__title {
    margin-top: 0;
    margin-bottom: 15px;
}

.sale__text {
    color: var(--grey);
    margin: 0;
}

.sale__txt {
    padding-left: 40px;
    padding-right: 45px;
    padding-top: 46px;
}

.sale__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 58px;
    border-top: 1px solid var(--neutral);
    padding-left: 40px;
    padding-right: 40px;
    margin-top: auto;
}

.plus {
    background-color: #fff;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
    display: grid;
    grid-template-columns: 185px 1fr;
    align-items: center;
}

.plus__image {
    display: flex;
    justify-content: center;
}

.plus h5 {
    margin-top: 0;
    margin-bottom: 10px;
}

.plus p {
    margin: 0;
    color: var(--grey);
    max-width: 360px;
}

.plus__info {
    padding-left: 14px;
    padding-right: 14px;
}

.plus .sale__btn {
    display: none;
}

.btn-more {
    display: none;
}

.pluses {
    padding-top: 98px;
    background-color: #474d62;
}

.pluses__info {
    color: #fff;
}

.pluses__title {
    margin-top: 0;
    margin-bottom: 28px;
}

.pluses__text {
    margin: 0;
}

.pluses__grid {
    display: grid;
    grid-template-columns: 390px 1fr;
}

.pluses__images {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -140px;
    z-index: 1;
}

.pluses__images img:first-child {
    left: auto !important;
    right: 0 !important;
}

.pluses__images img:last-child {
    left: auto !important;
    right: 0 !important;
    top: -40px !important;
}

.plus-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.plus-item {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    border-top: 5px solid var(--yellow);
    padding-top: 35px;
    transform: translateY(56px);
    transition: .3s ease;
}

.plus-item:hover {
    transform: translateY(0);
}

.plus-item__title {
    margin-top: 0;
    margin-bottom: 20px;
}

.plus-item__info {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 50px;
}

.plus-item__text {
    margin: 0;
    color: var(--grey);
}

.edge {
    padding-top: 140px;
    padding-bottom: 146px;
    background-color: #474d62;
}

.edge__title {
    margin-top: 0;
    margin-bottom: 135px;
    color: #fff;
}

.edge__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 215px;
    gap: 30px;
}

.reviews {
    background-color: #474d62;
    padding-top: 112px;
    position: relative;
    z-index: 1;
}

.reviews__title-row {
    margin-bottom: 38px;
}

.reviews__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.review-slide {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 32px;
    position: relative;
}

.review-slide::before {
    content: url(/wp-content/themes/webbankir/img/quote.svg);
    position: absolute;
    top: -32px;
    left: 50px;
}

.review-slide__top {
    padding: 50px;
    padding-bottom: 45px;
}

.review-slide__top p {
    margin: 0;
}

.reviews-slider {
    max-width: 600px;
    margin-top: 78px;
    padding-bottom: 160px;
}

.review-slide__bottom {
    border-top: 1px solid var(--neutral);
    height: 50px;
    display: flex;
}

.review-slide__left {
    padding-left: 22px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%
}

.review-slide__left span {
    color: var(--grey);
    margin-left: 8px;
}

.review-slide__left p {
    margin: 0;
    margin-left: auto;
    color: #686d81;
}

.review-slide__link {
    width: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-left: 1px solid var(--neutral);
}

.reviews__pagination {
    text-align: right;
}

.reviews__image {
    display: flex;
    align-items: flex-end;
}

.diff {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.pp {
    padding-top: 57px;
    padding-bottom: 57px;
    background-color: #fff;
    position: relative;
}

.pp__grid {
    display: grid;
    grid-template-columns: 248px 1fr;
}

.pp__title {
    margin: 0;
    min-height: 156px;
    border-right: 1px solid var(--neutral);
    display: flex;
    align-items: center;
}

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

.ppSlider {
    display: flex;
    align-items: center;
    margin-left: 67px;
    margin-right: 54px;
    max-width: 810px;
}

.pp-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.swiper-buttons {
    position: relative;
    z-index: 1;
}

.swiper-buttons > div {
    position: static;
    border-radius: 5px;
    background-color: var(--neutral);
    width: 50px;
    height: 50px;
    margin: 0;
    transition: .3s;
}

.swiper-buttons > div:hover {
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
}

.swiper-buttons > div:first-child {
    margin-bottom: 13px;
}

.swiper-buttons > div::after {
    content: unset;
}

.diff__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 105px;
    padding-top: 76px;
}

.diff__title {
    margin-top: 50px;
    margin-bottom: 75px;
}

.diff__text {
    margin: 0;
    color: var(--grey);
}

.diff {
    background-color: #fff;
    padding-bottom: 77px;
}

.diff__slider .swiper-slide {
    width: auto;
}

.sertSlider {
    padding-bottom: 120px;
}

.sertSlider .swiper-pagination {
    text-align: right;
}

.form {
    padding-top: 100px;
    background-color: #474d62;
}

.form__grid {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    gap: 30px;
}

.form__title {
    margin-bottom: 48px;
    margin-top: 0;
    color: #fff;
}

textarea.lk-input {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 125px;
    resize: none;
}

.form__group {
    max-width: 495px;
}

.form__group .lk-input {
    margin-bottom: 10px;
}

.form__group .custom-checkbox {
    align-items: flex-start;
}

.form__group .custom-checkbox .custom-check {
    background-color: #dceddc;
    margin-right: 11px;
    flex-shrink: 0;
    margin-top: 2px;
}

.form__group {
    max-width: 445px;
}

.form__confirm {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.form__confirm .caption {
    color: #fff;
    margin: 0;
}

.form__confirm a {
    text-decoration: none;
}

.news {
    padding-top: 113px;
    background-color: var(--neutral);
}

.news__grid {
    background-color: #fff;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 390px 1fr;
}

.news__user-image {
    background: rgba(238, 241, 247, .5);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.news__user-content p {
    color: var(--grey);
    margin: 0;
}

.news__user-content p + p {
    margin-top: 20px;
}

.user-content__top {
    padding: 48px 50px;
}

.news__grid {
    margin-bottom: 80px;
}

.rating {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 150px;
}

.rating__side {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
}

.rating__center {
    background: #fff;
    box-shadow: 0 0 15px 5px rgba(206, 212, 222, .3);
    max-width: 810px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    padding-left: 28px;
    padding-right: 28px;
}

.rating__side {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
}

.rating__side--right {
    left: auto;
    right: 0;
}

.rating__info h4 {
    margin: 0;
}

.rating__info p {
    margin: 0;
    color: var(--grey);
}

.events__title-row {
    margin-bottom: 50px;
}

.events__title {
    margin: 0;
}

.events__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.event {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(50, 60, 71, .2);
    border-radius: 5px 5px 0 0;
    border-top: 5px solid var(--yellow);
    transform: translateY(56px);
    transition: .3s ease;
    display: flex;
    flex-direction: column;
}

.event:hover {
    transform: translateY(0);
}

.event__top {
    padding: 23px 30px 26px;
}

.event__time {
    display: block;
    color: var(--yellow);
    margin-bottom: 12px;
}

.event__title {
    margin-top: 0;
    margin-bottom: 9px;
    min-height: 84px;
}

.event__text {
    margin: 0;
    color: var(--grey);
}

.info-text {
    background-color: var(--neutral);
    padding-top: 100px;
    padding-bottom: 100px;
}

.info-text__title {
    margin-top: 0;
    margin-bottom: 78px;
}

.info-text__text {
    margin-top: 0;
    margin-bottom: 33px;
    color: var(--grey);
}

.give {
    padding-top: 103px;
    padding-bottom: 94px;
}

.page-give-items .give {
    padding-top: 0;
}

.give-item {
    background: #fff;
    border: 1px solid #eef1f7;
    border-left: 5px solid var(--yellow);
    box-sizing: border-box;
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
    border-radius: 5px;
}

.give-item:not(:last-child) {
    margin-bottom: 29px;
}

.give-item__btn {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.give-item__btn a {
    text-decoration: none;
    color: var(--black);
}

.give-item__btn svg {
    transform: scaleY(-1);
    transition: .3s;
}

.give-item__btn.open {
    padding-bottom: 15px;
}

.give-item__btn.open svg {
    transform: scaleY(1);
    margin-top: 5px;
}

.give-item__btn.open + .give-item__content {
    display: grid;
}

.give-item__content {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 42px;
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.give-item__content a {
    text-decoration: none;
    color: inherit;
    color: var(--grey);
    transition: .3s color;
    will-change: color;
}

.give-item__content a:hover {
    color: var(--yellow);
}

.give-item.city-give-item .give-item__btn.open + .give-item__content {
    display: block;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

.give-item.city-give-item .give-item__content a {
    display: block;
}


.page-get {
    position: relative;
    background-color: #fff;
    padding-top: 87px;
    z-index: 1;
    overflow: hidden;
}

.page-get__info h2 {
    margin-top: 0;
    margin-bottom: 35px;
}

.page-get__info p {
    margin: 0;
    color: var(--grey);
}

.page-get__info p + * {
    margin-top: 20px;
}

.page-get__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 30px;
}

.page-get__col--image {
    display: flex;
    justify-content: flex-end;
}

.page-get__info {
    margin-bottom: 112px;
}

.repay_banner {
    padding-top: 89px;
    background-color: var(--neutral);
}

.hiw {
    padding-top: 66px;
    background-color: var(--neutral);
}

.hiw__title {
    margin-bottom: 75px;
    margin-top: 0;
}

.hiw-steps {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 195px;
    gap: 30px;
}

.hiw-step {
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid var(--yellow);
    padding-top: 23px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
}

.hiw-step__num {
    color: var(--yellow);
    display: block;
    margin-bottom: 12px;
}

.hiw-step__title {
    display: block;
    margin-bottom: 12px;
}

.hiw-step__content p {
    margin: 0;
    color: var(--grey);
}

.hiw-step__content li {
    padding-left: 23px;
    color: var(--grey);
    position: relative;
}

.hiw-step__content li::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: var(--yellow);
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}

.get-variants {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding-top: 30px;
}

.get-variant {
    border: 1px solid #eef1f7;
    border-radius: 5px;
    padding: 50px 20px 0 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.get-variant__title {
    display: block;
    line-height: 1;
}

.get-variant__time {
    font-size: 14px;
    margin-bottom: 15px;
    color: #1D2431;
}

.get-variant__descr {
    flex-grow: 1;
    margin-bottom: 20px;
}

.get-variant__descr p {
    font-size: 14px;
    color: var(--grey);
    line-height: 1.5;
}

.get-variant__page-link {
    line-height: 1;
    padding: 20px 0;
    font-size: 17px;
    border-top: 1px solid #eef1f7;
    margin: 0 -20px;
    text-decoration: none;
    color: #000;
    display: flex;
    justify-content: space-between;
    color: #1D2431;
}

.get-variant__page-link .arrow {
    display: block;
    margin-right: 20px;
    transform: rotate(90deg);
    transition: transform .3s;
}

.get-variant__page-link span {
    padding-left: 20px;
}

.get-variant__icon-bg {
    width: 120px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(img/get-variant-icon-bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.get-variant__icon {
    width: 25px;
    height: 25px;
    object-fit: contain;
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 15px;
}

.text-yellow {
    padding: 26px 27px 21px;
    border-radius: 5px;
    background-color: var(--yellow);
    color: #000;
}

.text-yellow b {
    display: block;
}

.hiw-steps {
    margin-bottom: 30px;
}

.page-get__text-yellow {
    margin-bottom: 55px;
}

.text-block p {
    color: var(--grey);
    margin: 0;
}

.text-block p + p {
    margin-top: 25px;
}

.text-block a {
    text-decoration: underline;
}

.page-get__text-block {
    padding-bottom: 64px;
}

.bottom-calc {
    --gap: 34px;
}

.page-get__col--image {
    align-items: flex-end;
}

.page-get__col--image picture {
    display: block;
}

.payments {
    margin-bottom: 55px;
}

.payments__btns {
    background: #f5f7fa;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.payments__btn {
    display: flex;
    align-items: center;
    padding: 9px 20px 11px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    border-top: 5px solid transparent;
    min-width: 275px;
}

.payments__btn.active {
    background-color: #fff;
    border-color: var(--yellow);
}

.payments__btn img {
    margin-right: 4px;
}

.payments__grid {
    display: grid;
    gap: 30px;
}

.payment__content {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.payment__content.active {
    display: grid;
}

.payment__select {
    display: flex;
    align-items: center;
    padding: 10px 25px;
    width: 100%;
    background: #fff;
    cursor: pointer;
    transition: .3s;
    position: relative;
    grid-column: 1/2;
    color: var(--grey);
    border-top: 1px solid #EEF1F7;
}

.payment__select:first-child {
    border-top-right-radius: 5px;
}

.payment__select.open {
    box-shadow: 0 0 11px 5px #EEF1F7;
    z-index: 2;
}

.payment__select.open + .payment__select-content {
    display: block;
}

.payment-caption {
    grid-column: 1/2;
}

.payment__select-content {
    background-color: #fff;
    grid-column: 2/3;
    grid-row: 1/8;
    height: 100%;
    padding: 46px 49px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    display: none;
}

.payment__select-content h4 {
    margin-top: 0;
    margin-bottom: 28px;
}

.payment__select-content p {
    margin: 0;
    margin-bottom: 32px;
    color: var(--grey);
}

.payment__select-img {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 23px;
}

.payment-caption {
    padding: 56px 36px;
    margin: 0;
    background-color: var(--yellow);
    border-radius: 0 0 5px 5px;
    color: inherit;
}

.payment-procent {
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;
    background-color: var(--yellow);
    color: inherit;
    position: absolute;
    top: 40px;
    right: -5px;
    -webkit-clip-path: path("M22.0876 2.02127C23.0219 1.10682 24.2773 .594727 25.5848 .594727H141C143.761 .594727 146 2.8333 146 5.59473V45.5947C146 48.3561 143.761 50.5947 141 50.5947H25.5847C24.2773 50.5947 23.0219 50.0826 22.0876 49.1682L1.65139 29.1682C-.352346 27.2072 -.352348 23.9822 1.65139 22.0213L22.0876 2.02127Z");
    clip-path: path("M22.0876 2.02127C23.0219 1.10682 24.2773 .594727 25.5848 .594727H141C143.761 .594727 146 2.8333 146 5.59473V45.5947C146 48.3561 143.761 50.5947 141 50.5947H25.5847C24.2773 50.5947 23.0219 50.0826 22.0876 49.1682L1.65139 29.1682C-.352346 27.2072 -.352348 23.9822 1.65139 22.0213L22.0876 2.02127Z");
}

.payment__d-contents {
    display: contents;
}

.testimonials {
    background-color: var(--neutral);
    padding-top: 85px;
    padding-bottom: 85px;
}

.btn__testimonials {
    margin-top: 85px;
}

.testimonials__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.testimonials__grid .review-slide {
    grid-column: 1/3;
}

.testimonials__grid .review-slide--half {
    grid-column: 1/2;
}

.testimonials__grid .review-slide--half + .review-slide--half {
    grid-column: 2/3;
}

.testimonials__grid .review-slide--half .review-slide__top {
    padding: 44px;
}

.video {
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 56.4%
}

.video__iframe, .video__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.video__img {
    z-index: 1;
}

.video__iframe {
    z-index: 2;
}

.video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
}

.contacts {
    background-color: var(--neutral);
}

.contacts__info {
    background-color: #fff;
    padding: 50px 0;
}

.contacts__info-row {
    max-width: 1020px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts__info-item p {
    margin: 0;
    color: var(--grey);
}

.contacts__bottom {
    padding-top: 85px;
    padding-bottom: 85px;
}

.contacts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.contact {
    background-color: #fff;
    border-radius: 5px;
    height: 150px;
    padding: 0 38px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: .5s;
}

.contact b {
    position: relative;
    z-index: 3;
}

.contact:first-child {
    background-color: var(--yellow);
}

.contact:first-child::after {
    opacity: 0;
}

.contact::after {
    content: url(/wp-content/themes/webbankir/img/circle.svg);
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s;
}

.contact svg {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 2;
}

.map {
    border-radius: 5px;
    overflow: hidden;
    height: 465px;
    margin-top: 30px;
}

.faq {
    padding-top: 85px;
    padding-bottom: 85px;
    background-color: #fff;
}

.faq__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.documents__grid {
    display: grid;
    grid-template-columns: 390px 1fr;
    gap: 30px;
}

.faq-el {
    background-color: #fff;
    border: 1px solid #eef1f7;
    border-top: 5px solid var(--yellow);
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    display: grid;
    grid-template-columns: 60px 1fr;
    align-items: center;
    gap: 38px;
    padding: 38px;
    padding-top: 32px;
    margin-bottom: 30px;
    transition: .3s;
}

.faq-el:hover {
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
}

.faq-el__text {
    margin: 0;
}

.banner {
    background: url(/wp-content/themes/webbankir/img/app-circle.svg) no-repeat 32% -52%, linear-gradient(0deg, #474d62, #474d62), radial-gradient(32.27% 60.99% at 62.94% 38.98%, #c5c9d2 0, #b8bcc7 .97%, #686d81 91.19%);
    border-radius: 5px;
    padding-top: 41px;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
}

.banner__title {
    margin: 0;
    color: #fff;
    margin-bottom: 56px;
    padding-left: 22px;
    padding-right: 22px;
}

.faq-btns {
    display: grid;
    gap: 10px;
    justify-content: center;
    grid-auto-rows: 50px;
    margin-bottom: 51px;
}

.faq-item {
    background-color: #fff;
    border: 1px solid #eef1f7;
    box-sizing: border-box;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
    position: relative;
    z-index: 1;
}

.faq-item:not(:last-child) {
    margin-bottom: 5px;
}

.faq-item__btn {
    padding-left: 26px;
    padding-right: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    min-height: 75px;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq-item__btn::after {
    content: '';
    position: absolute;
    border-radius: 5px;
    top: 0;
    left: -5px;
    right: 0;
    bottom: 0;
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
    z-index: -1;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.faq-item__btn svg {
    transition: .3s;
    display: block;
}

.faq-item__btn.open svg {
    transform: scaleY(-1);
    margin-top: 6px;
}

.faq-item__btn.open + * {
    display: block;
}

.faq-item__btn.open::after {
    visibility: visible;
    opacity: 1;
}

.faq-item__content {
    padding-top: 15px;
    padding-bottom: 32px;
    padding-left: 25px;
    padding-right: 25px;
    color: var(--grey);
    display: none;
}

.faq-item__content p {
    margin: 0;
}

.docs-menu__item {
    background: #fff;
    border: 1px solid #eef1f7;
    border-left: 5px solid var(--yellow);
    border-radius: 5px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 75px;
    width: auto;
    display: flex;
    align-items: center;
    transition: .3s;
}

.docs-menu__item:not(.docs-pdf).current, .docs-menu__item:not(.docs-pdf):hover {
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.docs-menu__item:not(.docs-pdf).current {
    pointer-events: none;
}

.docs-menu__item.docs-pdf path {
    transition: .3s;
}

.docs-menu__item.docs-pdf:hover {
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
}

.docs-menu__item.docs-pdf:hover path {
    fill: var(--yellow);
}

.docs-menu__item:not(:last-child) {
    margin-bottom: 5px;
}

.docs-menu__item img, .docs-menu__item svg {
    margin-right: 30px;
    flex-shrink: 0;
}

.docs-rate {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: var(--neutral);
    border-radius: 5px;
    padding: 50px 32px 56px;
    display: block;
}

.docs-rate p {
    margin: 0;
    text-align: center;
}

.docs-rate p + p {
    color: var(--grey);
    margin-bottom: 27px;
}

.docs-rate img {
    display: block;
    margin: 0 auto;
}

.security__content h4 {
    margin-top: 0;
    margin-bottom: 62px;
}

.security__content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.security__content ul li {
    padding-left: 45px;
    position: relative;
    color: var(--grey);
}

.security__content ul li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #474d62;
}

.security__content ul li:not(:last-child) {
    margin-bottom: 30px;
}

.security__content ul p {
    margin: 0;
}

.security__content ul + blockquote {
    margin-top: 80px;
}

.security__content blockquote {
    margin: 0;
    padding: 45px;
    border-radius: 5px;
    background-color: var(--neutral);
    margin-bottom: 30px;
}

.security__content blockquote h4 {
    margin-bottom: 28px;
}

.awards {
    background-color: var(--neutral);
}

.awards__top {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
}

.awards__top p {
    margin: 0;
}

.awards__bottom {
    padding-top: 85px;
    padding-bottom: 90px;
}

.awards__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.award {
    background: #fff;
    border: 1px solid #eef1f7;
    border-radius: 5px;
    min-height: 380px;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.award:hover {
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
}

.partners {
    background-color: #fff;
    padding-top: 85px;
    padding-bottom: 85px;
}

.partners__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
}

.partners__btn {
    background-color: #fff;
    border: 1px solid #eef1f7;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    cursor: pointer;
    transition: .3s;
}

.partners__btn.open, .partners__btn:hover {
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
}

.partners__btn.open + .partners__content {
    display: grid;
}

.partners__content {
    display: none;
    grid-column: 1/7;
    grid-row: 2;
    background-color: #fff;
    border: 1px solid #eef1f7;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
    grid-template-columns: 1fr 76px;
    grid-row: 2;
}

.p-left {
    padding: 40px;
}

.p-left h4 {
    margin-top: 0;
    margin-bottom: 30px;
}

.p-left p {
    margin: 0;
    color: var(--grey);
}

.p-left p + * {
    margin-top: 25px;
}

.p-right {
    border-left: 1px solid #eef1f7;
}

.p-right__partner {
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #eef1f7;
    padding: 5px;
}

.p-right__social {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: calc(100% - 75px);
}

.p-right__social a {
    display: block;
}

.advice-bottom {
    background-color: var(--neutral);
    padding-top: 85px;
    padding-bottom: 85px;
}

.advice__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.advice {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    border-top: 5px solid var(--yellow);
    display: flex;
    flex-direction: column;
}

.advice:nth-child(odd) .advice__image {
    background: url(/wp-content/themes/webbankir/img/advice-circle1.svg) no-repeat center/cover;
}

.advice:nth-child(even) .advice__image {
    background: url(/wp-content/themes/webbankir/img/advice-circle2.svg) no-repeat right/cover;
}

.advice .sale__btn {
    padding-left: 30px;
    padding-right: 30px;
}

.advice__bottom {
    padding-top: 25px;
    padding-bottom: 23px;
    padding-left: 30px;
    padding-right: 30px;
}

.advice__date {
    display: block;
    color: var(--yellow);
    font-weight: 700;
    margin-bottom: 12px;
}

.advice__title {
    margin: 0;
}

.advice-top {
    background-color: #fff;
}

.board {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 566px;
}

.board__right img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.board__container {
    max-width: 615px;
    padding-right: 30px;
    padding-top: 58px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    height: 100%
}

.board__text {
    margin: 0;
}

.board__title {
    margin-top: 12px;
    margin-bottom: 23px;
}

.board__time {
    color: var(--yellow);
    font-weight: 700;
}

.advice-top .swiper-pagination {
    bottom: 75px;
    text-align: right;
    right: 10px;
}

.advice-top .container {
    position: relative;
}

.error-404 {
    position: relative;
    z-index: 1;
    background: radial-gradient(17.55% 36.94% at 50% 50%, rgba(197, 201, 210, .5) 0, rgba(197, 201, 210, 0) 100%), #474d62;
    height: 100vh;
    padding: 106px 0 106px 0;
}

.error-404__wrap {
    text-align: center;
    padding: 108px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.error-404__wrap img {
    display: block;
    margin: 0 auto;
    margin-bottom: 65px;
}

.error-404__wrap h1 {
    margin-top: 0;
    margin-bottom: 65px;
    color: #fff;
}

.b-404 {
    background: #474d62;
}

.b-404 .page-header {
    background: 0 0;
}

.b-404 .page-main {
    overflow: initial;
}

.about-pluses {
    background-color: var(--neutral);
    padding-top: 70px;
    padding-bottom: 85px;
}

.about-pluses__title {
    margin: 0;
    margin-bottom: 85px;
}

.about-pluses__grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 215px;
}

.plus-about .plus__text {
    max-width: 100%;
}

.plus-about .plus__info {
    padding-right: 30px;
}

.all-stat {
    background-color: #474d62;
    padding-top: 85px;
    padding-bottom: 85px;
}

.all-stat__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 34px;
}

.as {
    border-radius: 5px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(/wp-content/themes/webbankir/img/as-circle.svg) no-repeat 8% 0/220px, #fff;
    text-align: center;
}

.as--yellow {
    grid-column: 1/3;
    background: var(--yellow);
    min-height: 110px;
    display: grid;
    grid-template-columns: 240px 1fr;
    text-align: left;
}

.as--yellow + * {
    grid-column: 3/5;
}

.as--yellow .as__text {
    padding-right: 15px;
}

.as .as__title {
    text-align: center;
}

.as__title {
    margin-top: 0;
    margin-bottom: 8px;
}

.as__text {
    margin: 0;
}

.team {
    padding-top: 85px;
    padding-bottom: 85px;
}

.team__title {
    margin-top: 0;
    margin-bottom: 63px;
}

.team-slider {
    padding-bottom: 48px;
}

.team-slider .swiper-pagination {
    bottom: 0;
}

.team-item {
    border-radius: 5px;
    background-color: var(--neutral);
}

.team-item__top {
    padding-top: 46px;
    padding-bottom: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid #fff;
}

.team-item__mail {
    position: absolute;
    top: 17px;
    right: 17px;
}

.team-item__bottom {
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: center;
}

.team-item__bottom_date {
    font-size: 11px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.team-item__bottom strong {
    display: block;
    margin-bottom: 5px;
}

.team-item__bottom span {
    color: var(--grey);
}

.team-item__bottom a {
    color: #1D2431;
    text-decoration: none;
}

.team-info {
    margin-top: 80px;
}

.team-info h2 {
    margin-top: 0;
    margin-bottom: 37px;
}

.team-info p {
    margin: 0;
    color: var(--grey);
}

.team-info p + p {
    margin-top: 30px;
}

.text--yellow {
    background-color: var(--yellow);
}

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

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

.team-serf {
    padding-top: 85px;
    padding-bottom: 85px;
}

.serf-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.serf-slider {
    max-width: 1122px;
    margin: 0;
}

.serf-slider .swiper-slide {
    width: auto;
}

.clients {
    padding-top: 85px;
    padding-bottom: 95px;
    background-color: var(--neutral);
    --gap: 30px;
}

.clients__title {
    margin-top: 0;
    margin-bottom: 80px;
}

.clients__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
    margin-bottom: var(--gap);
}

.client {
    background: #fff;
    box-shadow: 0 0 15px 5px rgba(206, 212, 222, .3);
    border-radius: 12px;
    padding: 40px;
}

.client__title {
    font-size: 27px;
    line-height: 28px;
    display: block;
    margin-bottom: 29px;
}

.client__row {
    display: flex;
    margin-top: 5px;
}

.client__row img {
    margin-right: 40px;
}

.client-stat {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-end;
}

.client-stat:not(:last-child) {
    margin-bottom: 20px;
}

.client-stat::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5px;
    border-bottom: 1px dashed #656d7a;
    z-index: 1;
}

.client-stat--white .clent-stat__name, .client-stat--white .client-stat__procent {
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.client-stat--grey .clent-stat__name, .client-stat--grey .client-stat__procent {
    background-color: var(--neutral);
    position: relative;
    z-index: 2;
}

.client__info {
    width: 100%
}

.client-stat__procent {
    font-size: 27px;
    line-height: 1;
    padding-right: 5px;
    padding-left: 25px;
    position: relative;
    display: inline-flex;
}

.client-stat__procent::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background-color: var(--dot, #e0e9f0);
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.clent-stat__name {
    font-size: 17px;
    line-height: 1;
    color: var(--dark);
    margin-bottom: 3px;
    display: inline-flex;
    padding-left: 5px;
    text-align: right;
}

.clients__stat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap);
}

.progress-scale {
    border-radius: 12px;
    background-color: var(--lite-yellow);
    height: 15px;
    margin-top: 35px;
    overflow: hidden;
    display: flex;
}

.progress-scale span {
    height: 100%;
    display: inline-block;
}

.client-single .client {
    padding: 0;
    box-shadow: none;
    background: 0 0;
}

.client-single {
    margin-top: 80px;
}

.client-single .client-stat {
    margin: 0 !important;
}

.client__info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 29px;
}

.about-seft {
    background-color: var(--neutral);
}

.about-seft .diff__text {
    max-width: 390px;
}

.about-seft .diff__grid {
    padding-top: 85px;
}

.lk {
    position: relative;
    z-index: 1;
    background-color: #474d62;
    padding-top: 31px;
    padding-bottom: 150px;
}

.lk__logo {
    margin-bottom: 57px;
}

.lk__grid {
    display: grid;
    grid-template-columns: 1fr 390px;
    gap: 30px;
    padding-top: 57px;
}

.lk-enter {
    background-color: #fff;
    border-top: 5px solid var(--yellow);
    border-radius: 5px;
    overflow: hidden;
}

.lk-enter__top {
    padding-top: 43px;
    padding-bottom: 54px;
    padding-left: 37px;
    padding-right: 37px;
}

.lk-enter__title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}

.lk-input {
    background-color: #fff;
    border: 1px solid var(--neutral);
    border-radius: 5px;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 21px;
    transition: .3s;
}

.lk-input::-moz-placeholder {
    color: #c5c9d2;
}

.lk-input:-ms-input-placeholder {
    color: #c5c9d2;
}

.lk-input::placeholder {
    color: #c5c9d2;
}

.lk-input:focus {
    border-color: var(--yellow);
}

.lk-grid {
    display: grid;
    gap: 30px;
}

.lk-password {
    border-radius: 5px;
    display: flex;
    overflow: hidden;
}

.lk-password .lk-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.lk-input[type=password] + .lk-password__btn::after {
    background-image: url(/wp-content/themes/webbankir/img/eye.svg);
}

.lk-input[type=text] + .lk-password__btn::after {
    background-image: url(/wp-content/themes/webbankir/img/eye-closed.svg);
}

.lk-password__btn {
    width: 50px;
    height: 50px;
    background-color: var(--neutral);
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.lk-password__btn::after {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
}

.lk-left {
    padding-top: 30px;
}

.custom-checkbox {
    display: flex;
    align-items: center;
}

.custom-checkbox input {
    display: none;
}

.custom-checkbox input:checked + .custom-check svg {
    visibility: visible;
    opacity: 1;
}

.custom-checkbox .custom-check {
    background: rgba(81, 163, 81, .2);
    border: 1px solid #eef1f7;
    box-sizing: border-box;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 11px;
    cursor: pointer;
}

.custom-checkbox .custom-check svg {
    transition: .3s;
    visibility: hidden;
    opacity: 0;
    margin-top: 1px;
    margin-left: 1px;
    display: block;
}

.custom-checkbox .custom-text {
    color: inherit;
    margin: 0;
}

.lk-left h1 {
    margin-top: 35px;
    margin-bottom: 45px;
    color: #fff;
}

.lk-btns {
    display: flex;
    flex-wrap: wrap;
}

.lk-btns .btn:not(:last-child) {
    margin-right: 30px;
}

.lk__bottom {
    padding-top: 47px;
    padding-bottom: 49px;
    padding-left: 47px;
    padding-right: 47px;
    background-color: var(--neutral);
}

.lk__bottom .gos {
    margin-top: 28px;
}

.lk__bottom .lk-gos {
    margin-bottom: 38px;
    cursor: pointer;
}

.job {
    padding-top: 85px;
}

.job__grid {
    display: grid;
    grid-template-columns: 1fr 354px;
    justify-content: space-between;
    gap: 30px;
}

.job__title {
    margin-top: 0;
    margin-bottom: 74px;
}

.job-item {
    max-width: 390px;
    width: 100%;
    height: 200px;
    background-color: #fff;
    border: 1px solid #eef1f7;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 38px;
    padding-right: 38px;
    position: relative;
}

.job-item:not(:last-child) {
    margin-right: 30px;
}

.job-item h3 {
    margin: 0;
}

.job-shape {
    position: absolute;
    right: -1px;
    top: -1px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.job-shape svg {
    position: absolute;
    top: 20px;
    right: 20px;
}

.job__row {
    display: flex;
}

.job-man {
    display: block;
    margin-left: auto;
    margin-right: 25%;
}

.dog {
    padding-top: 140px;
    padding-bottom: 190px;
    background-color: #474d62;
    position: relative;
    z-index: 1;
}

.dog__grid {
    display: grid;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    justify-content: space-between;
    align-items: center;
}

.dog__info {
    color: #fff;
    max-width: 495px;
}

.dog__info h2 {
    margin-top: 0;
    margin-bottom: 30px;
}

.dog__info p {
    margin: 0;
}

.work {
    padding-top: 85px;
    padding-bottom: 105px;
    background-color: var(--neutral);
}

.work__title {
    margin-top: 0;
    margin-bottom: 33px;
}

.work__text {
    margin-top: 0;
    margin-bottom: 73px;
}

.work__content h5 {
    color: var(--black);
    margin-bottom: 23px;
    margin-top: 0;
}

.work__content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.work__content ul + * {
    margin-top: 35px;
}

.work__content li {
    padding-left: 35px;
    position: relative;
}

.work__content li::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 7px;
    height: 7px;
    background-color: var(--grey);
    border-radius: 50%
}

.good {
    background-color: #fff;
    padding-top: 85px;
    padding-bottom: 85px;
}

.job_block {
    background-color: #fff;
    padding-top: 85px;
    padding-bottom: 45px;
}

.cashback_banner_block {
    background-color: #fff;
    padding-top: 85px;
    padding-bottom: 45px;
}

.cashback_sale_block {
    background-color: #ffffff;
    padding-top: 85px;
    padding-bottom: 0;
}

.cashback_bonus_points_block {
    background-color: #EEF1F7;
    padding-top: 85px;
    padding-bottom: 45px;
}

.cashback_how_to_spend_block {
    background-color: #ffffff;
    padding-top: 85px;
    padding-bottom: 0;
}

.cashback_how_to_spend_block__overflow {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #686D81;
    display: grid;
    grid-template-columns: 50% 1fr;
}

.cashback_how_to_spend_block__overflow_content {
    padding-bottom: 22px;
}

.cashback_how_to_spend_block__pay_center {
    display: none;
    text-align: center;
    padding-bottom: 10px;
}

.cashback_how_to_spend_block__pay_left {
    display: block;
    text-align: right;
}

.cashback_how_to_spend_block__pay_left img, .cashback_how_to_spend_block__pay_center img {
    max-width: 388px;
}

.cashback_how_to_spend_block__terms {
    background: #EEF1F7;
    padding: 40px 40px 20px 40px;
    border-radius: 5px;
    margin-top: 16px;
    color: #1D2431;
}

.cashback_how_to_spend_block__terms_title {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
    padding-bottom: 22px;
}

.cashback_how_to_spend_block__terms li {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 125%;
    padding-left: 19px;
    padding-bottom: 20px;
    position: relative;
}

.cashback_how_to_spend_block__terms ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cashback_how_to_spend_block__terms li::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #474D62;
    border-radius: 50%;
}

.cashback_sale_block__title {
    margin-top: 0;
    margin-bottom: 55px;
}

.cashback_bonus_points_block__title {
    margin-top: 0;
    margin-bottom: 55px;
}

.cashback_bonus_points_block__overflow {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #686D81;
}

.cashback_bonus_points_block__grid {
    display: grid;
    grid-template-columns: 50% 1fr;
}

.cashback_bonus_points_block__grid_right {
    background-color: #ffffff;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
    display: grid;
    border-top: 1px solid #eef1f7;
    border-right: 1px solid #eef1f7;
    border-bottom: 1px solid #eef1f7;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    text-align: left;
    color: #1D2431;
    max-width: 285px;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 43px;
}

.cashback_bonus_points_block__balance {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #1D2431;
}

.cashback_bonus_points_block__balance a {
    color: #3EA2FF;
    text-decoration: none;
}

.cashback_bonus_points_block__balance a:hover {
    color: #1470dc;
}

.cashback_bonus_points_block__img {
    max-width: 548px;
}

.cashback_how_to_spend_block__title {
    margin-top: 0;
    margin-bottom: 45px;
}

.cashback_sale_block__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 164px;
    gap: 30px;
}

.cashback_sale_block__plus {
    background-color: #fff;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
    display: grid;
    grid-template-columns: 185px 1fr;
    align-items: center;
    border-top: 1px solid #eef1f7;
    border-right: 1px solid #eef1f7;
    border-bottom: 1px solid #eef1f7;
}

.good__title {
    margin-top: 0;
    margin-bottom: 85px;
}

.job__title_2 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.good__grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 84px;
}

.goods {
    max-width: 495px;
    width: 100%;
    display: grid;
    gap: 5px;
}

.good-item {
    background-color: var(--yellow);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 32px;
}

.good-item h5 {
    margin: 0;
}

.good-item .good-item__img {
    height: 75px;
    width: 75px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.f-banner {
    background: url(/wp-content/themes/webbankir/img/loan-circle.svg) no-repeat center/846px, #474d62;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
    height: 215px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.f-banner__text h2, .f-banner__text h3 {
    margin: 0;
    text-align: center;
    color: #fff;
}

.f-banner__text a {
    text-decoration: none;
    color: var(--yellow);
}

.plus-banner .sale__btn {
    display: none;
}

.plus-banner h5.plus__title {
    padding: 0;
    margin: 10px 0 0 0;
}

.plus-banner .plus__text {
    margin-top: 5px;
    width: 280px;
}

@media (max-width: 1023px) {
    .security .faq__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .documents__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}

@media (max-width: 767px) {
    .security .faq__grid {
        grid-template-columns: auto;
    }
    .page-header__text {
        position: unset;
        width: auto;
    }
}

@media (max-width: 375px) {
    .plus-banner .plus__text {
        width: 220px;
    }
}

.br-yellow {
    background-color: var(--yellow);
    padding-left: 88px;
    display: flex;
    align-items: flex-end;
}

.br-yellow img {
    width: auto;
    height: auto;
}

.all-sales {
    padding-top: 85px;
    padding-bottom: 85px;
    background-color: var(--neutral);
}

.f-banner__sales {
    margin-top: 85px;
}

.plus-banner {
    border-radius: 5px;
    height: 215px;
    grid-column: 1/3;
    background: url(/wp-content/themes/webbankir/img/pb-bg.png) right top no-repeat, var(--yellow);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 45px;
}

.f-banner__sales {
    justify-content: flex-start;
}

.f-banner__form {
    max-width: 1190px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.f-banner__form h2 {
    color: #fff;
    margin: 0;
}

.f-banner__grid {
    display: grid;
    grid-template-columns: 250px 210px;
    gap: 30px;
}

.f-banner__grid .btn {
    width: 100%
}

.f-banner__sales .sale__btn {
    display: none;
}

.latest-news {
    padding-top: 80px;
    padding-bottom: 85px;
    background-color: var(--neutral);
}

.latest-news .event--title {
    border-radius: 5px;
    overflow: hidden;
}

.latest-news .event--title .event__title {
    margin-bottom: 0;
}

.event--title {
    border-radius: 5px;
    overflow: hidden;
}

.latest-news__title {
    margin-top: 0;
    margin-bottom: 85px;
}

.latest__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.latest__grid .event {
    transform: none;
    box-shadow: none;
}

.all-news {
    background-color: var(--neutral);
    padding-top: 85px;
    padding-bottom: 81px;
}

.an__grid {
    margin-top: 85px;
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: 30px;
}

.an__grid .event {
    transform: none;
    box-shadow: none;
}

.latest--revert {
    display: grid;
    grid-template-columns: 1fr;
}

.latest--revert .event__title {
    margin-bottom: 0;
}

.an-item {
    display: grid;
    grid-template-columns: 420px 390px;
    border-radius: 5px;
    overflow: hidden;
    grid-row: 1/4;
    max-height: 593px;
}

.an-item .an-item__left {
    transform: none;
    border-top: 0;
    border-left: 5px solid var(--yellow);
}

.an-item__right {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #474d62;
    margin-left: -1px;
    border-radius: 0 5px 5px 0;
    padding-top: 69px;
    padding-bottom: 69px;
}

.an__title {
    margin-top: 0;
    margin-bottom: 35px;
}

.page-text {
    padding-top: 85px;
    padding-bottom: 85px;
}

.page-text h2 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.page-text p {
    margin: 0;
}

.page-text p + p {
    margin-top: 25px;
}

.page-text h4 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.page-text blockquote {
    margin: 0;
    margin-top: 90px;
    margin-bottom: 45px;
}

.page-text blockquote span {
    text-align: right;
    display: block;
    color: var(--grey);
    font-size: 14px;
}

.page-text blockquote b {
    color: var(--black);
    font-size: 17px;
}

.page-text blockquote p {
    font-size: 27px;
    line-height: 38px;
    font-weight: 600;
    margin: 0;
    padding: 70px 50px;
    text-align: center;
    background: var(--neutral);
    position: relative;
    border-radius: 5px;
    margin-bottom: 20px;
}

.page-text blockquote p::after {
    content: url(/wp-content/themes/webbankir/img/quote.svg);
    position: absolute;
    top: -32px;
    left: 37px;
}

.page-text__grid {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    gap: 30px;
    margin-top: 80px;
}

.page-text__grid blockquote {
    margin: 0;
    padding-top: 45px;
    padding-bottom: 50px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: var(--neutral);
    border-radius: 5px;
}

.page-text__grid blockquote h5 {
    margin-top: 0;
    margin-bottom: 42px;
}

.page-text__grid blockquote ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-text__grid blockquote li {
    padding-left: 45px;
    position: relative;
    color: var(--grey);
}

.page-text__grid blockquote li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #474d62;
}

.page-text__grid blockquote li:not(:last-child) {
    margin-bottom: 28px;
}

.search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: var(--yellow);
    border-radius: 5px;
    margin-bottom: 85px;
    position: relative;
}

.search__field {
    display: flex;
    width: 380px;
}

.search__field input {
    background: #fff;
    border: 1px solid #eef1f7;
    border-radius: 5px 0 0 5px;
    width: 100%;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 14px;
    line-height: 21px;
}

.search__field input::-moz-placeholder {
    color: #c5c9d2;
}

.search__field input:-ms-input-placeholder {
    color: #c5c9d2;
}

.search__field input::placeholder {
    color: #c5c9d2;
}

.search__field button {
    background: #eef1f7;
    border: 1px solid #eef1f7;
    border-radius: 0 5px 5px 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sub-drop {
    display: inline-block;
}

.search__content.open + .sub-drop__menu {
    visibility: visible;
    opacity: 1;
    z-index: 9;
}

.sub-drop__menu {
    position: absolute;
    left: 0;
    top: 74px;
    min-width: 264px;
    background: #fff;
    border: 1px solid #eef1f7;
    border-top: 5px solid var(--yellow);
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
    border-radius: 5px;
    padding-bottom: 25px;
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 14px;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}

.sub-drop__menu a {
    text-decoration: none;
    display: block;
    line-height: 32px;
    color: #686d81;
    transition: .3s;
}

.sub-drop__menu a.sub {
    margin-left: 15px;
}

.sub-drop__menu a:hover {
    color: var(--black);
}

.search__content {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    width: 180px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    transition: .3s;
}

.search__content.open, .search__content:hover {
    background-color: var(--yellow);
}

.search__content p {
    margin: 0;
}

.text-review {
    padding-top: 10px;
    border-top: 1px solid #eef1f7;
    margin-top: 85px;
    margin-bottom: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.text-review span {
    color: #686d81;
    margin-left: 3px;
}

.text-review strong {
    color: #686d81;
    font-weight: 400;
    padding-right: 17px;
    margin-right: 17px;
    border-right: 1px solid #eef1f7;
}

.text-review__right {
    display: flex;
    align-items: center;
}

.popular-articles {
    padding-top: 77px;
    padding-bottom: 86px;
    background-color: var(--neutral);
}

.popular-articles__row {
    margin-bottom: 76px;
}

.popular-articles__row.with-mt {
    margin-top: 76px;
}

.popular-articles__row h2 {
    color: var(--black);
}

.other-articles .latest__grid .event {
    border-left: 1px solid var(--neutral);
    border-bottom: 1px solid var(--neutral);
    border-right: 1px solid var(--neutral);
}

.other-articles h2 {
    margin-top: 0;
    margin-bottom: 40px;
}

.other-articles__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 32px;
    column-gap: 32px;
}

.other-articles__grid.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.o-article {
    padding-bottom: 27px;
    padding-top: 24px;
    border-bottom: 1px solid #eef1f7;
}

.o-article strong {
    color: var(--yellow);
}

.o-article h5 {
    margin-top: 12px;
    margin-bottom: 0;
}

.page-footer {
    background-color: #1D2431;
}

.page-footer__top {
    padding-top: 89px;
    padding-bottom: 57px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.top-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.footer-list a {
    text-decoration: none;
    color: #fff;
    transition: .3s color;
    will-change: color;
    line-height: 32px;
}

.footer-list a:hover {
    color: var(--yellow);
}

.footer-btns {
    display: grid;
    grid-auto-rows: 50px;
    gap: 28px;
}

.middle-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.page-footer__middle {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-footer__bottom {
    background-color: #3a3f55;
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-footer__row {
    margin-bottom: -39px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.page-footer__col {
    flex: 0 0 33.33%;
    padding: 0 15px;
    margin-bottom: 39px;
}

.page-footer__col.aic {
    display: flex;
    align-items: center;
}

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

.mir img {
    margin-right: 26px;
}

.mir .caption {
    color: #fff;
}

.social {
    display: grid;
    grid-auto-flow: column;
    -moz-column-gap: 25px;
    column-gap: 25px;
}

.social__item path {
    transition: .3s fill;
    will-change: fill;
}

.social__item:hover path {
    fill: var(--yellow);
}

.policy {
    margin: 0;
    color: #fff;
}

.footer-text {
    margin: 0;
    color: #fff;
}

.footer-text a {
    text-decoration: none;
    color: inherit;
    transition: .3s color;
    will-change: color;
}

.footer-text a:hover {
    color: var(--yellow);
}

.mir-1024 {
    display: none;
}

/* dictionary */

.dict__letters {
    margin-bottom: 75px;
    opacity: 0;
    transition: opacity .3s;
}

.dict__letters.visible {
    opacity: 1;
}

.dict__letters .letter {
    font-weight: 600;
    font-size: 27px;
    line-height: 150%;
    color: var(--black);
    user-select: none;
    transition: color .3s;
}

.dict__letters .letter.disable {
    pointer-events: none;
    color: #C5C9D2;
}

.dict__letters-row {
    display: flex;
    justify-content: space-between;
}

.dict-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px 30px;
    align-items: flex-start;
    justify-items: flex-start;
}

.dict-grid__col.empty {
    display: none;
}

.dict-grid__col {
    display: flex;
    flex-direction: column;
}

.dict-grid__col .col-letter {
    font-weight: 700;
    font-size: 33px;
    color: var(--black);
    margin-bottom: 15px;
}

.dict-grid__col .col-letter.colorize {
    color: var(--yellow);
}

.dict-grid__col a {
    color: #686D81;
    font-family: "Rubik";
    font-size: 17px;
    text-decoration: none;
    text-decoration-skip-ink: none;
}

.dict-grid__col a:hover {
    text-decoration: underline;
}

.dict-grid__col a + a {
    margin-top: 10px;
}

.dictionary-search, .dictionary-search .search__field {
    width: 100%;
}

.dict__search-item .colorize {
    background-color: var(--yellow);
}

#dict__search .dict__search-item {
    margin-bottom: 40px;
}

.dict__search-item .search-title {
    color: var(--black);
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    text-decoration-skip-ink: none;
}

.dict__search-item .search-title:hover {
    text-decoration: underline;
}

.dict__search-item .search-title::first-letter {
    text-transform: uppercase;
}

.dict__search-item .search-content {
    color: #686D81;
    font-family: "Rubik";
    font-size: 17px;
    line-height: 150%;
    margin-top: 10px;
}

p.dict-backward {
    margin-bottom: 40px;
    color: var(--black);
}

.dict-backward a {
    color: var(--black);
}

.dict__pagination .pagination a {
    background-color: #EEF1F7;
}

.dict__pagination .pagination {
    margin-left: 0;
}

.single-content {
    margin-bottom: 80px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .bottom-calc {
        display: block;
    }
}

@media (min-width: 768px) {
    .partners__content:nth-of-type(n+7):nth-of-type(-n+12) {
        grid-row: 3;
    }

    .partners__content:nth-of-type(n+13):nth-of-type(-n+18) {
        grid-row: 4;
    }

    .partners__content:nth-of-type(n+19):nth-of-type(-n+24) {
        grid-row: 5;
    }

    .partners__content:nth-of-type(n+25):nth-of-type(-n+29) {
        grid-row: 6;
    }
}

@media (min-width: 1280px) {
    .dict__letters .letter:not(.disable):hover {
        cursor: pointer;
        color: var(--yellow);
    }
}

@media (max-width: 1920px) and (min-width: 1680px) {
    .vh {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    .vh--center {
        justify-content: center;
    }

    .page-header__bottom {
        margin-top: auto;
    }
}

@media (max-width: 1679px) {
    .page-header.full {
        height: 893px;
    }

    .page-header.full .page-header__bottom {
        height: 770px;
    }

    .page-header__grid {
        gap: 10px;
        grid-template-columns: 285px minmax(442px, max-content) 350px;
    }

    .page-header__img {
        margin-right: 55px;
    }

    .calc__top {
        padding: 32px 34px;
    }

    .calc-item {
        margin-bottom: 25px;
    }

    .page-header__alert {
        margin-top: 25px;
    }

    .calc__bottom {
        padding: 30px 32.5px;
    }

    .calc__bottom .calc__range-current {
        margin-bottom: 30px;
    }

    .calc__text {
        margin-bottom: 45px;
    }

    .loan-circle img {
        max-width: 732px;
    }

    .load__grid {
        gap: 70px;
    }

    .phone {
        max-width: 198px;
    }

    .phone-center {
        max-width: 226px;
    }

    .loan {
        padding-top: 204px;
        padding-bottom: 204px;
    }

    .loan-pays {
        padding-left: 50px;
        padding-right: 50px;
    }

    .htw-item {
        padding-left: 35px;
        padding-right: 35px;
    }

    .app {
        padding-top: 196px;
        padding-bottom: 196px;
    }

    .app-phone, .app-phone-2 {
        max-width: 215px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .app-phone {
        left: 120px;
        top: 0;
    }

    .app-money {
        left: -13px;
    }

    .app-info {
        max-width: 350px;
    }

    .app-btns {
        flex-direction: column;
    }

    .app-btns .btn:not(:last-child) {
        margin-bottom: 20px;
    }

    .faq-btns .btn:not(:last-child) {
        margin-bottom: 0;
    }

    .sales__grid .sale + .sale {
        grid-row: 2/4;
    }

    .plus-item__info {
        padding-left: 40px;
        padding-right: 40px;
    }

    .plus-items {
        gap: 20px;
    }

    .plus-item {
        padding-top: 20px;
    }

    .reviews-slider {
        max-width: 540px;
    }

    .reviews-slider {
        margin-top: 0;
    }

    .reviews__title-row {
        margin-bottom: 111px;
    }

    .ppSlider {
        max-width: 755px;
        margin-left: 42px;
        margin-right: 47px;
    }

    .diff__grid {
        padding-top: 54px;
    }

    .popup .box.product {
        padding-top: 20px;
    }

    .form__confirm {
        margin-bottom: 25px;
    }

    .news__grid {
        margin-bottom: 45px;
        grid-template-columns: 350px 1fr;
    }

    .events__grid {
        gap: 20px;
    }

    .event__top {
        padding-left: 25px;
        padding-right: 25px;
    }

    .give {
        padding-top: 114px;
        padding-bottom: 95px;
    }

    .give-item:not(:last-child) {
        margin-bottom: 52px;
    }

    .page-get__text-yellow {
        margin-bottom: 85px;
    }

    .page-get__text-block {
        padding-bottom: 73px;
    }

    .payments__btn {
        min-width: 270px;
    }

    .contacts__info-row {
        max-width: 945px;
    }

    .award {
        min-height: 340px;
    }

    .awards__bottom {
        padding-bottom: 85px;
        padding-top: 85px;
    }

    .partners__btn {
        height: 160px;
    }

    .board__container {
        max-width: 555px;
        padding-right: 80px;
    }

    .error-404 .loan-circle img {
        max-width: 800px;
    }

    .about-pluses__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 345px;
    }

    .plus-about {
        grid-template-columns: 1fr;
        display: block;
        padding-top: 36px;
    }

    .plus-about .plus__image {
        justify-content: flex-start;
        padding-left: 34px;
        margin-bottom: 26px;
    }

    .plus-about a {
        display: block;
    }

    .about-pluses__title {
        margin-bottom: 80px;
    }

    .as--yellow {
        grid-template-columns: 216px 1fr;
    }

    .serf-slider {
        max-width: 1015px;
    }

    .serf-slider img {
        max-width: 233px;
    }

    .about-seft {
        background-color: var(--neutral);
    }

    .about-seft .diff__grid {
        padding-top: 79px;
    }

    .lk__grid {
        grid-template-columns: 454px 380px;
        justify-content: space-between;
    }

    .lk-btns .btn--w285 {
        margin-bottom: 30px;
    }

    .lk-left {
        padding-top: 0;
    }

    .lk-left h1 {
        margin-top: 5px;
    }

    .job__grid {
        grid-template-columns: 1fr 333px;
    }

    .job__row {
        max-width: 730px;
    }

    .dog__images > img {
        max-width: 534px;
    }

    .dog__info {
        max-width: 445px;
    }

    .work {
        padding-bottom: 100px;
    }

    .good__title {
        margin-bottom: 70px;
    }

    .job__title_2 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .goods {
        max-width: 444px;
    }

    .good__img img {
        max-width: 633px;
    }

    .good-item {
        padding-left: 29px;
    }

    .good-item h5 {
        white-space: nowrap;
    }

    .plus-banner {
        padding-left: 40px;
    }

    .f-banner__form h2 {
        max-width: 467px;
    }

    .f-banner__form {
        padding-left: 39px;
        padding-right: 65px;
        max-width: 100%;
        width: 100%
    }

    .an-item {
        display: grid;
        grid-template-columns: 377px 350px;
    }

    .page-text__grid blockquote li:not(:last-child) {
        margin-bottom: 26px;
    }

    .page-text__grid blockquote h5 {
        margin-bottom: 39px;
    }

    .page-text__grid {
        grid-template-columns: 100%
    }

    .search {
        margin-bottom: 80px;
    }

    .text-review {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .social {
        -moz-column-gap: 18px;
        column-gap: 18px;
    }

    .footer-text br {
        display: none;
    }
}

@media (max-width: 1279px) {
    .page__body {
        font-size: 15px;
    }

    .h1, h1 {
        font-size: 29px;
        line-height: 32px;
    }

    .h2, h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .h3, h3 {
        font-size: 23px;
        line-height: 30px;
    }

    .h4, h4 {
        font-size: 19px;
        line-height: 27px;
    }

    .h5, h5 {
        font-size: 15px;
        line-height: 24px;
    }

    .h6, h6 {
        font-size: 12px;
        line-height: 20px;
    }

    .p, p {
        font-size: 15px;
        line-height: 24px;
    }

    .caption {
        font-size: 14px;
        line-height: 18px;
    }

    .btn {
        font-size: 15px;
        line-height: 24px;
    }

    .hideslide {
        display: none;
    }

    @-webkit-keyframes bankir {
        0% {
            opacity: 1;
            transform: translateY(100%);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
        }
        50% {
            opacity: 1;
            transform: translateY(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        100% {
            opacity: 1;
            transform: translateY(-100%);
        }
    }@keyframes bankir {
         0% {
             opacity: 1;
             transform: translateY(100%);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear;
         }
         50% {
             opacity: 1;
             transform: translateY(0);
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out;
         }
         100% {
             opacity: 1;
             transform: translateY(-100%);
         }
     }.page-header.full {
          height: auto;
      }

    .page-header.full .page-header__bottom {
        height: auto;
    }

    .page-header__grid {
        grid-template-columns: 52% 48%;
        gap: 0;
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
    }

    .calc-gap {
        --gap: 102px;
    }

    .page-header__col {
        grid-column: 1/3;
        margin-left: calc(var(--gap) * -1);
        margin-right: calc(var(--gap) * -1);
        position: relative;
    }

    .page-header__col .webbankir-image {
        top: 3px;
        bottom: auto;
    }

    .calc__bottom, .calc__btns, .calc__top {
        padding-left: var(--gap);
        padding-right: var(--gap);
    }

    .calc__top {
        margin: 0;
    }

    .page-header__images {
        position: relative;
        margin-bottom: 0;
    }

    .calc__bottom-content {
        max-width: 285px;
        margin: 0 auto;
    }

    .calc__top {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 90px;
    }

    .page-calc .calc__top {
        row-gap: 0;
        column-gap: 30px;
    }

    .calc-item {
        margin-bottom: 0;
    }

    .page-header__alert {
        grid-column: 1/3;
        margin-top: 0;
        justify-content: center;
    }

    .page-calc .page-header__alert {
        grid-column: unset;
        justify-content: flex-start;
    }

    .calc__top {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .calc__bottom {
        padding: 34px 32.5px;
    }

    .menu__list {
        display: none;
    }

    .page-header__lk {
        width: 50px;
    }

    .page-header__lk svg {
        display: block;
    }

    .page-header__lk span {
        display: none;
    }

    .calc {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .page-header__calc {
        margin-bottom: 0;
    }

    .calc__range-current.desktop .money_full_price {
        width: 264px;
    }

    .big-menu__grid {
        grid-template-columns: 260px 1fr;
    }

    .big-menu__icon {
        display: none;
    }

    .big-menu__bottom::before {
        width: 20%
    }

    .big-menu__li:not(:last-child) {
        margin-bottom: 39px;
    }

    .big-menu__subs a:not(.btn) {
        font-size: 15px;
        line-height: 24px;
    }

    .breadcrumbs {
        padding: 40px 0 40px 0;
    }

    .breadcrumbs__title {
        margin-bottom: 0;
    }

    .loan-circle img {
        max-width: 610px;
    }

    .load__grid {
        gap: 30px;
        grid-template-columns: 210px 1fr 210px;
    }

    .phone {
        max-width: 125px;
    }

    .phone-center {
        max-width: 145px;
    }

    .loan {
        padding-top: 210px;
        padding-bottom: 210px;
    }

    .loan-item {
        height: 290px;
    }

    .loan-item__title {
        max-width: 175px;
    }

    .loan-item {
        padding-top: 25px;
        padding-bottom: 28px;
    }

    .loan-item__img {
        margin-bottom: -62px;
    }

    .loan-side {
        width: 100%
    }

    .loan-info, .loan-pays {
        max-width: 850px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .loan-side--right .loan-side__close {
        right: 28px;
        left: auto;
    }

    .loan-info__list {
        max-width: 100%
    }

    .loan-info__list {
        margin-bottom: 35px;
    }

    .loan-pays__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .loan-pay--long {
        grid-column: 1/4;
    }

    .loan-pays__btn {
        margin: 0 auto;
        margin-top: 60px;
    }

    .loan-pays__title {
        margin-bottom: 48px;
    }

    .loan-info__list {
        font-size: 15px;
        line-height: 24px;
    }

    .loan-info__list::after {
        content: unset;
    }

    .video {
        min-height: 225px;
    }

    .htw {
        padding-top: 76px;
    }

    .htw__grid {
        margin-bottom: 80px;
    }

    .htw-item {
        padding-top: 27px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .htw-item__title {
        margin-bottom: 12px;
    }

    .htw-item {
        min-height: 135px;
    }

    .text__title {
        min-height: 140px;
    }

    .text__grid {
        gap: 28px;
        grid-template-columns: 180px 1fr;
    }

    .text {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .htw-items {
        gap: 20px;
    }

    .wl {
        padding-top: 75px;
        padding-bottom: 64px;
    }

    .wl__title {
        margin-bottom: 65px;
    }

    .wl-slide__grid + .btn {
        margin-top: 64px;
    }

    .app-info {
        max-width: 330px;
    }

    .app-phone, .app-phone-2 {
        max-width: 160px;
    }

    .app-phone {
        left: 73px;
        top: 5px;
    }

    .app-money {
        max-height: 260px;
        bottom: -30px;
        left: -50px;
    }

    .app {
        padding-top: 150px;
        padding-bottom: 150px;
        background-image: none;
    }

    .sales__grid {
        gap: 20px;
        grid-template-rows: 320px 320px;
        margin-bottom: 20px;
    }

    .sale {
        grid-column: 1/3;
        grid-row: 1/2;
        grid-template-columns: 1fr auto;
    }

    .sale img {
        height: 320px;
    }

    .sale__txt p {
        padding-bottom: 25px;
    }

    .sale picture {
        height: 100%
    }

    .sale picture img {
        height: 101%;
        width: 100%;
        position: relative;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .sale__txt {
        padding-left: 14px;
    }

    .plus {
        grid-template-columns: 1fr;
        gap: 25px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .plus__image {
        display: block;
        margin-left: 35px;
    }

    .cashback_sale_block .plus__image {
        margin-left: unset;
        text-align: center;
    }

    .sales {
        padding-bottom: 92px;
        padding-top: 64px;
    }

    .sales__title-row {
        margin-bottom: 68px;
    }

    .plus-item__info {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pluses__images {
        margin-bottom: -50px;
    }

    .pluses__images img:last-child {
        max-width: 230px;
    }

    .pluses__images img:first-child {
        max-width: 470px;
    }

    .pluses__grid {
        grid-template-columns: 260px 1fr;
    }

    .pluses {
        padding-top: 72px;
    }

    .plus-item__info {
        margin-bottom: 70px;
    }

    .edge {
        padding-top: 75px;
        padding-bottom: 85px;
    }

    .edge__title {
        margin-bottom: 68px;
    }

    .edge__grid {
        grid-auto-rows: 276px;
        gap: 20px;
    }

    .cashback_sale_block__grid {
        grid-auto-rows: 276px;
        gap: 20px;
    }

    .reviews-slider {
        max-width: 400px;
    }

    .reviews-slider {
        padding-bottom: 70px;
    }

    .reviews {
        padding-top: 66px;
    }

    .reviews__title-row {
        margin-bottom: 50px;
    }

    .reviews__grid {
        gap: 0;
    }

    .reviews__image {
        margin-top: 44px;
    }

    .review-slide__left span, .review-slide__left strong {
        font-size: 15px;
        line-height: 24px;
    }

    .ppSlider {
        max-width: 445px;
    }

    .diff__grid {
        padding-top: 0;
        gap: 70px;
        grid-template-columns: 1fr 260px;
    }

    .diff__grid img {
        max-width: 120px;
    }

    .diff__title {
        margin-bottom: 30px;
    }

    .pp__grid {
        grid-template-columns: 190px 1fr;
    }

    .form__confirm {
        margin-bottom: 25px;
    }

    .form__img {
        max-width: 413px;
    }

    .form__group {
        max-width: 332px;
        margin-bottom: 98px;
    }

    .form {
        padding-top: 74px;
    }

    .form__col--end {
        display: flex;
        align-items: flex-end;
    }

    .form__confirm {
        margin-top: 15px;
    }

    .news {
        padding-top: 91px;
    }

    .news__grid {
        grid-template-columns: 280px 1fr;
    }

    .user-content__top {
        padding: 32px 30px;
    }

    .rating__center {
        max-width: 620px;
    }

    .rating {
        margin-bottom: 100px;
    }

    .pp2 .ppSlider {
        max-width: 475px;
        margin-left: 55px;
        margin-right: 55px;
    }

    .events__title-row {
        margin-bottom: 18px;
    }

    .event__title {
        min-height: initial;
    }

    .event__top {
        padding-bottom: 30px;
    }

    .info-text {
        padding-top: 67px;
        padding-bottom: 80px;
    }

    .info-text__title {
        margin-bottom: 30px;
    }

    .info-text__text {
        margin-bottom: 30px;
    }

    .give {
        padding-top: 78px;
        padding-bottom: 78px;
    }

    .give-item:not(:last-child) {
        margin-bottom: 30px;
    }

    .give-item__btn {
        padding-top: 24.5px;
        padding-bottom: 24.5px;
        padding-left: 29px;
        padding-right: 29px;
    }

    .give-item__btn.open {
        padding-bottom: 24.5px;
    }

    .give-item__content {
        padding-left: 29px;
        padding-right: 29px;
        padding-bottom: 33px;
    }

    .give-item__content {
        gap: 20px;
    }

    .page-get {
        padding-top: 55px;
    }

    .page-get__info h2 {
        margin-bottom: 25px;
    }

    .page-get__grid {
        grid-template-columns: 470px 1fr;
        gap: 20px;
    }

    .page-get__info {
        margin-bottom: 23px;
    }

    .page-get__col--image {
        padding-right: 55px;
    }

    .hiw-steps {
        grid-template-columns: 1fr;
    }

    .repay_banner {
        padding-top: 52px;
    }

    .hiw {
        padding-top: 37px;
    }

    .hiw-steps {
        grid-template-rows: 188px;
    }

    .hiw__title {
        margin-bottom: 40px;
    }

    .hiw-steps {
        margin-bottom: 20px;
    }

    .page-get__text-yellow {
        margin-bottom: 55px;
    }

    .page-get__text-block {
        padding-bottom: 55px;
    }

    .payment__d-contents {
        display: block;
        position: relative;
    }

    .payment__content.active {
        display: block;
    }

    .payment__select.open {
        box-shadow: none;
    }

    .payment__select {
        position: static;
    }

    .payment__select::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: 0 0 15px rgba(50, 60, 71, .2);
        opacity: 0;
        visibility: hidden;
        z-index: 3;
    }

    .payment__select.open::after {
        opacity: 1;
        visibility: visible;
        pointer-events: none;
    }

    .payment__select-content {
        border-radius: 0;
        padding-top: 12px;
        padding-bottom: 40px;
        padding-left: 34px;
        padding-right: 34px;
    }

    .payment-procent {
        top: 0;
    }

    .payment__select-content p {
        margin-bottom: 25px;
    }

    .payment-caption {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .payments {
        margin-bottom: 57px;
    }

    .text-full {
        margin: 0;
        background-color: #fff;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .payments__grid {
        display: block;
    }

    .testimonials__grid {
        gap: 30px 20px;
    }

    .testimonials__grid .review-slide--half .review-slide__top {
        padding: 44px 26px;
    }

    .testimonials {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .btn__testimonials {
        margin-top: 55px;
    }

    .contacts__bottom {
        padding-top: 55px;
        padding-bottom: 65px;
    }

    .contacts__info-row {
        max-width: 740px;
    }

    .contacts__grid {
        gap: 20px;
    }

    .map {
        margin-top: 20px;
    }

    .contact {
        padding: 0 26px;
    }

    .faq__grid {
        gap: 20px;
    }

    .documents__grid {
        gap: 20px;
    }

    .faq-el {
        margin-bottom: 20px;
        padding: 0 27px;
        height: 90px;
        grid-template-columns: 40px 1fr;
        gap: 25px;
    }

    .faq {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .banner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 40px;
        padding-bottom: 0;
        background: url(/wp-content/themes/webbankir/img/app-circle.svg) no-repeat 24% 152%/571px, linear-gradient(0deg, #474d62, #474d62), radial-gradient(32.27% 60.99% at 62.94% 38.98%, #c5c9d2 0, #b8bcc7 .97%, #686d81 91.19%);
        border-radius: 5px;
    }

    .banner__title {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 38px;
    }

    .banner__title br {
        display: none;
    }

    .banner__top + img {
        position: relative;
        left: -13px;
    }

    .docs-rate {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .security__content ul li {
        padding-left: 30px;
    }

    .awards__top {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .awards__grid {
        gap: 20px;
    }

    .award {
        min-height: 255px;
    }

    .award img {
        max-width: 150px;
    }

    .partners__btn {
        height: 120px;
    }

    .partners {
        padding-top: 50px;
    }

    .partners__grid {
        gap: 20px;
    }

    .advice__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .board {
        height: 490px;
    }

    .board__left, .board__right {
        max-height: 490px;
    }

    .board__container {
        max-width: 410px;
        padding-right: 60px;
        padding-top: 34px;
    }

    .board__title {
        margin-top: 7px;
        margin-bottom: 24px;
    }

    .error-404__wrap {
        padding: 56px 0;
    }

    .error-404 .loan-circle img {
        max-width: 600px;
    }

    .error-404__wrap img {
        margin-bottom: 35px;
    }

    .error-404__wrap h1 {
        margin-bottom: 35px;
    }

    .about-pluses__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 280px;
        gap: 20px;
    }

    .plus-about .plus__image {
        padding-left: 0;
    }

    .about-pluses {
        padding-top: 50px;
        padding-bottom: 65px;
    }

    .about-pluses__title {
        margin-bottom: 45px;
    }

    .all-stat {
        padding-top: 63px;
        padding-bottom: 67px;
    }

    .all-stat__grid {
        gap: 20px;
    }

    .as {
        min-height: 190px;
        background: url(/wp-content/themes/webbankir/img/as-circle.svg) no-repeat -25px 0/190px, #fff;
    }

    .as--yellow {
        min-height: 110px;
        background: var(--yellow);
        grid-template-columns: 140px 1fr;
    }

    .about-pluses__grid {
        grid-auto-rows: 280px;
    }

    .team {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .team__title {
        margin-bottom: 46px;
    }

    .team-item__top {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .team-item__top img {
        max-width: 185px;
    }

    .team-item__bottom {
        padding-top: 17px;
        padding-bottom: 34px;
    }

    .team-info {
        margin-top: 50px;
    }

    .team-info h2 {
        margin-bottom: 24px;
    }

    .team-info p + p {
        margin-top: 25px;
    }

    .text--yellow .text__grid {
        grid-template-columns: 140px 1fr;
    }

    .text--yellow .text__grid {
        display: grid;
        grid-template-columns: 120px 1fr;
    }

    .text__title {
        border: 0;
    }

    .text--yellow .text__title {
        margin-bottom: 0;
    }

    .serf-slider {
        max-width: 712px;
    }

    .serf-slider img {
        max-width: 225px;
    }

    .team-serf {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .about-seft {
        background-color: var(--neutral);
    }

    .about-seft .diff__grid {
        padding-top: 55px;
    }

    .about-seft .diff__text {
        max-width: 400px;
    }

    .clients {
        --gap: 20px;
        padding-top: 55px;
        padding-bottom: 65px;
    }

    .client-single {
        margin-top: 55px;
    }

    .clients__title {
        margin-bottom: 55px;
    }

    .client {
        padding: 25px 22px;
    }

    .client__row {
        flex-direction: column;
    }

    .client__row img {
        margin: 0 auto;
        margin-bottom: 16px;
        max-width: 170px;
        display: block;
    }

    .client__title {
        margin-bottom: 18px;
        font-size: 19px;
        line-height: 27px;
    }

    .client-stat__procent {
        font-size: 19px;
    }

    .clent-stat__name {
        font-size: 15px;
    }

    .client__info-grid {
        gap: 15px 20px;
        grid-template-columns: repeat(3, 1fr);
    }

    .client-single {
        margin-top: 55px;
    }

    .client-stat {
        align-items: flex-end;
    }

    .client-stat:not(:last-child) {
        margin-bottom: 15px;
    }

    .lk__grid {
        grid-template-columns: 410px 332px;
    }

    .lk-btns .btn--w285 {
        width: 180px;
    }

    .lk__bottom {
        padding-top: 39px;
        padding-bottom: 37px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .lk__bottom .lk-gos {
        margin-bottom: 20px;
    }

    .lk-enter__top {
        padding-top: 22px;
        padding-bottom: 33px;
    }

    .lk {
        padding-bottom: 100px;
    }

    .job {
        padding-top: 60px;
    }

    .job__title {
        white-space: nowrap;
    }

    .job__title br {
        display: none;
    }

    .job__row {
        flex-direction: column;
    }

    .job-item {
        max-width: 350px;
        height: 135px;
    }

    .job-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .job__title {
        margin-bottom: 58px;
    }

    .dog__images > img {
        max-width: 534px;
    }

    .dog__info {
        max-width: 330px;
    }

    .dog__images > img {
        max-width: 395px;
    }

    .dog__info h2 {
        max-width: 250px;
        margin-bottom: 21px;
    }

    .dog__info h2 br {
        display: none;
    }

    .dog {
        padding-top: 117px;
    }

    .work {
        padding-top: 68px;
        padding-bottom: 80px;
    }

    .work__text {
        margin-bottom: 45px;
    }

    .work__content li {
        padding-left: 25px;
    }

    .good {
        padding-top: 65px;
    }

    .job_block {
        padding-top: 65px;
    }

    .cashback_banner_block {
        padding-top: 40px;
    }

    .good__title {
        margin-bottom: 60px;
    }

    .job__title_2 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .good__grid {
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 55px;
    }

    .good__img img {
        max-width: 479px;
        margin-top: 55px;
    }

    .goods {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px 20px;
        max-width: 100%
    }

    .br-yellow {
        padding-left: 0;
    }

    .all-sales {
        padding-top: 55px;
    }

    .f-banner__sales {
        margin-top: 55px;
    }

    .f-banner__form {
        padding-right: 75px;
    }

    .f-banner__grid {
        grid-template-columns: 210px 210px;
        gap: 20px;
    }

    .f-banner__form h2 {
        max-width: 230px;
    }

    .f-banner__sales {
        background: url(/wp-content/themes/webbankir/img/loan-circle.svg) no-repeat 165px 50%/846px, #474d62;
    }

    .latest__grid {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

    .latest-news {
        padding-top: 54px;
        padding-bottom: 55px;
    }

    .latest-news__title {
        margin-bottom: 55px;
    }

    .event-overflow .event--title:last-child, .event-overflow .event--title:nth-child(3) {
        display: none;
    }

    .an__grid {
        margin-top: 55px;
    }

    .all-news {
        padding-top: 55px;
        padding-bottom: 82px;
    }

    .an-item {
        grid-template-columns: 415px 1fr;
    }

    .an__grid {
        grid-template-columns: 100%
    }

    .page-text {
        padding-top: 48px;
    }

    .page-text blockquote p {
        font-size: 19px;
        line-height: 27px;
    }

    .page-text blockquote p {
        padding: 52px 50px;
    }

    .page-text blockquote b {
        font-size: 15px;
    }

    .page-text blockquote span {
        font-size: 12px;
    }

    .search {
        margin-bottom: 60px;
    }

    .text-review {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .popular-articles {
        padding-top: 56px;
        padding-bottom: 73px;
    }

    .popular-articles .event:not(:nth-child(-n+2)) {
        display: none;
    }

    .popular-articles__row {
        margin-bottom: 60px;
    }

    .popular-articles__row.with-mt {
        margin-top: 60px;
    }

    .other-articles__grid {
        grid-template-columns: 100%
    }

    .other-articles__grid.grid-3 {
        grid-template-columns: 1fr 1fr;
    }

    .o-article {
        padding-top: 28px;
        padding-bottom: 25px;
    }

    .footer-list a {
        font-size: 15px;
    }

    .top-grid {
        grid-template-columns: repeat(4, -webkit-max-content);
        grid-template-columns: repeat(4, max-content);
        justify-content: space-between;
        align-items: center;
    }

    .social {
        -moz-column-gap: 38px;
        column-gap: 38px;
    }

    .mir-1024 {
        display: inline-flex;
        align-items: center;
        margin-top: 28px;
    }

    .page-footer__col:nth-child(1) {
        order: 1;
    }

    .page-footer__col:nth-child(2) {
        order: 6;
        display: none;
    }

    .page-footer__col:nth-child(3) {
        order: 2;
        flex: 0 0 66.67%;
        display: flex;
        justify-content: flex-end;
    }

    .page-footer__col:nth-child(4) {
        order: 3;
    }

    .page-footer__col:nth-child(5) {
        order: 4;
    }

    .page-footer__col:nth-child(6) {
        order: 5;
    }

    .page-footer__top {
        padding-top: 53px;
        padding-bottom: 62px;
    }

    .page-footer__bottom {
        padding-top: 63px;
        padding-bottom: 53px;
    }

    .page-footer__middle {
        padding-top: 55px;
        padding-bottom: 55px;
    }
}

@media (max-width: 1023px) {
    .page-header.full {
        height: auto;
    }

    .page-header.full .page-header__bottom {
        height: auto;
    }

    .page-header.full .calc {
        min-height: auto;
    }

    .calc-gap {
        --gap: 34px;
    }

    .page-header__bottom {
        padding-top: 8px;
    }

    .text-slider__title {
        white-space: nowrap;
    }

    .text-slider__title {
        margin-bottom: 25px;
    }

    .text-slider {
        margin-bottom: 0;
    }

    .big-menu__grid {
        grid-template-columns: 220px 1fr;
    }

    .calc__text {
        margin-bottom: 0;
    }

    section.bottom-calc {
        --gap: 34px;
    }

    .breadcrumbs__wrap {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .loan-circle img {
        max-width: 500px;
    }

    .load__grid {
        gap: 30px;
        grid-template-columns: 210px 1fr 210px;
    }

    .phone {
        max-width: 109px;
    }

    .phone-center {
        max-width: 125px;
    }

    .loan {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .loan-item {
        height: 290px;
    }

    .loan-pays__title {
        margin-bottom: 28px;
    }

    .loan-pays__btn {
        margin-top: 35px;
    }

    .loan-info__title {
        margin-bottom: 20px;
    }

    .loan-info__list li:not(:last-child) {
        margin-bottom: 10px;
    }

    .loan-info__list {
        margin-bottom: 25px;
    }

    .loan-info, .loan-pays {
        padding-left: 34px;
        padding-right: 34px;
    }

    .video {
        min-height: 205px;
    }

    .htw__grid {
        gap: 20px;
        grid-template-columns: 280px 1fr;
    }

    .htw {
        padding-top: 70px;
    }

    .htw__grid {
        margin-bottom: 64px;
    }

    .htw-item {
        max-height: 182px;
    }

    .text__grid {
        display: block;
    }

    .text__title {
        min-height: initial;
        margin-bottom: 23px;
    }

    .text {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .htw__text br {
        display: none;
    }

    .wl {
        padding-top: 55px;
        padding-bottom: 40px;
    }

    .wl__title {
        margin-bottom: 45px;
    }

    .app-phone, .app-phone-2 {
        max-width: 140px;
    }

    .app__grid {
        grid-template-columns: 343px 1fr;
    }

    .app-phone {
        top: 50px;
        left: 60px;
    }

    .app-info {
        max-width: 340px;
    }

    .app-money {
        max-height: 225px;
    }

    .app-money {
        max-height: 260px;
        bottom: 12px;
        left: -40px;
    }

    .app {
        padding-top: 87px;
        padding-bottom: 88px;
    }

    .app-btns .btn:not(:last-child) {
        margin-bottom: 20px;
    }

    .faq-btns .btn:not(:last-child) {
        margin-bottom: 0;
    }

    .sales {
        padding-top: 64px;
        padding-bottom: 50px;
    }

    .sales__title-row {
        margin-bottom: 47px;
    }

    .plus-item__info {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 0;
    }

    .plus-item {
        height: 300px;
    }

    .plus-item {
        display: flex;
        flex-direction: column;
    }

    .plus-item {
        padding-top: 16px;
    }

    .plus-item__title {
        margin-bottom: 13px;
    }

    .pluses__images {
        margin-bottom: -90px;
    }

    .pluses__images img:last-child {
        max-width: 220px;
    }

    .pluses__images img:first-child {
        max-width: 450px;
    }

    .pluses__grid {
        grid-template-columns: 252px 1fr;
    }

    .pluses {
        padding-top: 12px;
    }

    .edge {
        padding-bottom: 59px;
        padding-top: 59px;
    }

    .edge__title {
        margin-bottom: 54px;
    }

    .edge__grid {
        grid-auto-rows: 270px;
    }

    .cashback_sale_block__grid {
        grid-auto-rows: auto;
    }

    .reviews__image {
        display: none;
    }

    .reviews__grid {
        display: block;
    }

    .reviews-slider {
        max-width: 100%
    }

    .review-slide {
        min-height: 290px;
        display: flex;
        flex-direction: column;
    }

    .review-slide__bottom {
        margin-top: auto;
    }

    .review-slide__top {
        padding: 30px;
        padding-top: 48px;
    }

    .reviews__title-row {
        margin-bottom: 28px;
    }

    .reviews {
        padding-bottom: 69px;
    }

    .review-slide::before {
        left: 31px;
    }

    .pp__grid {
        display: block;
    }

    .diff__grid {
        display: block;
    }

    .pp__title {
        min-height: initial;
        margin-bottom: 45px;
        border: 0;
    }

    .pp__title br {
        display: none;
    }

    .pp {
        padding-top: 62px;
        padding-bottom: 43px;
    }

    .ppSlider {
        margin: 0;
    }

    .ppSlider {
        max-width: 100%
    }

    .swiper-buttons {
        display: none;
    }

    .pp__slider {
        margin-left: -34px;
        margin-right: -34px;
        padding-left: 34px;
    }

    .diff__slider {
        margin-top: 50px;
    }

    .diff__slider .diff__title {
        margin-bottom: 63px;
    }

    .sertSlider {
        max-width: 600px;
        padding-bottom: 68px;
    }

    .diff__grid img {
        max-width: 100%
    }

    .sertSlider .swiper-pagination {
        text-align: center;
    }

    .diff {
        padding-top: 60px;
        padding-bottom: 125px;
    }

    .form__col--end {
        display: none;
    }

    .form {
        padding-top: 60px;
        padding-bottom: 65px;
    }

    .form .btn {
        margin: 0 auto;
    }

    .form__grid {
        display: block;
    }

    .form__title br {
        display: none;
    }

    .form__group {
        max-width: 460px;
        margin: 0 auto;
    }

    .news {
        padding-top: 38px;
    }

    .news__grid {
        display: block;
    }

    .news__user-image {
        height: 250px;
        overflow: hidden;
        position: relative;
    }

    .news__user-image img {
        position: absolute;
        top: -25px;
    }

    .rating picture {
        display: none;
    }

    .rating__center {
        max-width: 100%
    }

    .rating {
        margin-bottom: 56px;
    }

    .pp2 .ppSlider {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .events__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .event {
        transform: none;
    }

    .events {
        padding-bottom: 79px;
    }

    .event__top {
        padding-bottom: 35px;
    }

    .info-text {
        padding-top: 65px;
        padding-bottom: 70px;
    }

    .info-text__text {
        margin-bottom: 35px;
    }

    .give {
        padding-top: 71px;
        padding-bottom: 75px;
    }

    .events__title-row {
        margin-bottom: 58px;
    }

    .page-get__grid {
        grid-template-columns: 400px 1fr;
    }

    .page-get__col--image {
        padding-right: 40px;
    }

    .testimonials__grid {
        grid-template-columns: 1fr;
    }

    .testimonials__grid .review-slide {
        grid-column: auto !important;
    }

    .testimonials {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .testimonials__grid .review-slide {
        min-height: initial;
    }

    .contacts__info-row {
        max-width: 645px;
    }

    .contact {
        padding: 0 22px;
    }

    .contacts__info {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contacts__grid {
        grid-template-columns: auto;
        gap: 24px;
    }

    .map {
        margin-top: 24px;
    }

    .contacts__bottom {
        padding-top: 52px;
        padding-bottom: 47px;
    }

    .faq__grid {
        gap: 20px;
    }

    .documents__grid {
        gap: 20px;
    }

    .banner {
        display: flex;
    }

    .faq__aside {
        display: contents;
    }

    .faq-el {
        grid-column: 1/2;
        margin-bottom: 0;
    }

    .faq-el + .faq-el {
        grid-column: 2/3;
    }

    .faq-questions {
        grid-column: 1/3;
    }

    .banner {
        grid-column: 1/3;
        grid-row: 3;
        margin-top: 35px;
        padding-top: 36px;
        padding-bottom: 0;
        padding-left: 37px;
        padding-right: 37px;
        background: url(/wp-content/themes/webbankir/img/app-circle.svg) no-repeat 294% 81%/609px, linear-gradient(0deg, #474d62, #474d62), radial-gradient(32.27% 60.99% at 62.94% 38.98%, #c5c9d2 0, #b8bcc7 .97%, #686d81 91.19%);
    }

    .banner__top {
        max-width: 203px;
    }

    .banner__title {
        padding: 0;
    }

    .faq-btns {
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .banner__top + img {
        height: 276px;
        margin-left: auto;
        margin-right: 55px;
    }

    .banner__title {
        margin-bottom: 40px;
    }

    .faq-btns .btn:not(:last-child) {
        margin-bottom: 0;
    }

    .faq__grid {
        grid-template-columns: auto;
    }

    .docs-rate {
        display: none;
    }

    .docs__aside {
        display: contents;
    }

    .docs-items {
        grid-column: 1/3;
    }

    .docs-menu {
        margin-bottom: 30px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .docs-menu .docs-menu__item img {
        margin-right: 16px;
    }

    .security__aside {
        display: contents;
    }

    .security__content {
        grid-column: 1/3;
    }

    .security__content h4 {
        margin-bottom: 30px;
    }

    .security__content ul + blockquote {
        margin-top: 47px;
    }

    .security__content blockquote {
        padding: 40px;
        margin-bottom: 20px;
    }

    .security__content ul li:not(:last-child) {
        margin-bottom: 25px;
    }

    .security__aside .banner {
        margin-top: 0;
    }

    .award {
        min-height: 215px;
    }

    .award img {
        max-width: 125px;
    }

    .awards__bottom {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .partners__btn {
        height: 100px;
    }

    .p-left {
        padding: 38px;
    }

    .board__container {
        max-width: 350px;
        padding-right: 50px;
    }

    .error-404 .loan-circle img {
        max-width: 400px;
    }

    .error-404__wrap {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .error-404__wrap img {
        max-width: 478px;
    }

    .error-404__wrap img {
        margin-bottom: 25px;
    }

    .error-404__wrap h1 {
        margin-bottom: 20px;
    }

    .all-stat {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .all-stat__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as {
        min-height: 170px;
        background: url(/wp-content/themes/webbankir/img/as-circle.svg) no-repeat 40% 0/190px, #fff;
    }

    .as--yellow {
        grid-column: auto !important;
        min-height: 110px;
        background: var(--yellow);
    }

    .team-item__top img {
        max-width: 150px;
    }

    .team-item__top {
        padding-top: 33px;
        padding-bottom: 33px;
    }

    .team-item__bottom {
        padding-top: 15px;
        padding-bottom: 35px;
    }

    .serf-slider {
        max-width: 100%
    }

    .serf-slider img {
        max-width: 225px;
    }

    .serf-row {
        margin-left: -28px;
        margin-right: -28px;
        padding-left: 28px;
    }

    .about-seft .diff__grid {
        padding-top: 52px;
    }

    .clients {
        --gap: 15px;
    }

    .clients__stat-grid .client {
        padding-left: 17px;
        padding-right: 17px;
    }

    .about-seft .diff__grid {
        display: grid;
        grid-template-columns: 1fr 260px;
        gap: 20px;
    }

    .about-seft .diff__slider .swiper-slide {
        width: 120px;
    }

    .about-seft .sertSlider {
        max-width: 260px;
    }

    .about-seft .sertSlider .swiper-pagination {
        text-align: right;
    }

    .lk__grid {
        grid-template-columns: 270px 340px;
    }

    .lk-enter__title {
        margin-bottom: 30px;
    }

    .lk__bottom {
        padding-top: 31px;
        padding-bottom: 31px;
    }

    .lk-left {
        margin-top: 90px;
    }

    .lk-images > img {
        display: none;
    }

    .lk-btns .btn {
        margin-bottom: 20px;
    }

    .lk__grid {
        padding-top: 0;
        margin-top: -20px;
    }

    .lk__logo img {
        max-width: 200px;
    }

    .lk {
        padding-bottom: 48px;
    }

    .job__grid {
        grid-template-columns: 340px 300px;
    }

    .job-item {
        max-width: 340px;
    }

    .job-man {
        margin-top: 70px;
    }

    .job__row {
        padding-top: 10px;
    }

    .job__grid {
        grid-template-columns: 100%
    }

    .dog__images > img {
        max-width: 288px;
    }

    .dog {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .work {
        padding-bottom: 76px;
    }

    .good-item h5 {
        white-space: normal;
    }

    .good__title {
        margin-bottom: 55px;
    }

    .job__title_2 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .good__img img {
        margin-top: 44px;
    }

    .good {
        padding-bottom: 55px;
    }

    .job_block {
        padding-bottom: 55px;
    }

    .cashback_banner_block {
        padding-bottom: 30px;
    }

    .f-banner__form h2 {
        max-width: 242px;
    }

    .f-banner__grid {
        grid-template-columns: 210px;
    }

    .f-banner__sales {
        background: url(/wp-content/themes/webbankir/img/loan-circle.svg) no-repeat 265px 50%/846px, #474d62;
    }

    .an__grid .event:last-child {
        display: none;
    }

    .event-overflow .event:last-child {
        display: none;
    }

    .an-item {
        grid-template-columns: 1fr 1fr;
    }

    .page-text__grid blockquote {
        padding-top: 45px;
        padding-bottom: 45px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .search {
        margin-bottom: 50px;
    }

    .text-review {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .popular-articles__row {
        margin-bottom: 50px;
    }

    .popular-articles__row.with-mt {
        margin-top: 50px;
    }

    .popular-articles .latest__grid {
        grid-template-columns: 100%
    }

    .top-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .footer-btns {
        grid-column: 1/4;
        grid-auto-flow: column;
        margin-top: 50px;
    }

    .page-footer__top {
        padding-top: 61px;
        padding-bottom: 65px;
    }

    .page-footer__middle {
        padding-top: 56px;
        padding-bottom: 58px;
    }

    .page-footer__bottom {
        padding-top: 62px;
        padding-bottom: 62px;
    }

    .page-footer__col:nth-child(4), .page-footer__col:nth-child(5) {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }

    .page-footer__col:nth-child(6) {
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .page-footer__col .mir-1024 {
        margin-top: 0;
    }

    .social {
        gap: 30px;
    }

    .page-footer__top {
        padding-top: 60px;
    }

    .footer-btns {
        margin-top: 37px;
    }
}

@media (max-width: 767px) {
    .faq-item__content {
        padding-top: 0;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-header.full {
        height: auto;
    }

    .page-header.full .page-header__bottom {
        height: auto;
    }

    .page-header.full .calc {
        min-height: initial;
    }

    .logo img {
        height: 30px;
        width: auto;
    }

    .hamburger svg {
        width: 30px;
        height: 30px;
    }

    .page-header__lk {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .page-header__lk svg {
        width: 22px;
        height: 22px;
    }

    .hamburger {
        margin-right: 11px;
    }

    .calc-gap {
        --gap: 28px;
    }

    .calc__btns {
        padding: 0;
    }

    .calc__top {
        grid-template-columns: 100%
    }

    .page-header__alert {
        grid-column: auto;
    }

    .calc__top {
        padding-top: 34px;
        padding-bottom: 30px;
        gap: 25px;
    }

    .page-header__alert {
        margin-top: 5px;
    }

    .calc__bottom {
        padding-top: 26px;
    }

    .calc__bottom .calc__range-current {
        margin-bottom: 26px;
    }

    .calc__btn {
        font-size: 15px;
        line-height: 24px;
        gap: 2px;
        white-space: nowrap;
    }

    .page-header__grid {
        display: block;
        grid-template-columns: 100%;
    }

    .page-header__col {
        grid-column: auto;
    }

    .text-slider__title {
        white-space: initial;
    }

    .page-header__bottom {
        padding-top: 0;
    }

    .text-slider__title {
        margin-bottom: 16px;
    }

    .text-slider {
        padding-bottom: 8px;
    }

    .page-header__bottom {
        overflow: hidden;
    }

    /*.page-header .swiper-pagination {
        bottom: -108px;
        right: -4px;
        text-align: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }*/
    .swiper-pagination:not(.big) .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        border-width: 1px;
    }

    .swiper-pagination:not(.big) .swiper-pagination-bullet:not(:last-child) {
        margin-bottom: 7.5px;
    }

    .big-menu__list .page-header__lk {
        display: flex;
    }

    .big-menu__list {
        justify-content: space-between;
    }

    .big-menu__list .btn--why {
        display: none;
    }

    .big-menu__list .hamburger {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .big-menu__top {
        background-color: #474D62;
    }

    .big-menu__btns {
        display: flex;
    }

    .big-menu__top .logo {
        display: block;
    }

    .big-menu__bottom {
        background-color: var(--neutral);
        padding-top: 43px;
    }

    .big-menu__grid {
        display: block;
    }

    .big-menu__ul {
        padding-top: 39px;
        padding-bottom: 55px;
    }

    .big-menu__grid .big-menu__list {
        display: block;
    }

    .big-menu__grid .big-menu__list .btn {
        display: flex;
        margin: 0 auto;
    }

    .big-menu__grid .big-menu__list .btn:not(:last-child) {
        margin-bottom: 14px;
    }

    .big-menu__li {
        text-align: center;
    }

    .big-menu__bottom::before {
        display: none;
    }

    .big-menu__subs {
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 50px;
        pointer-events: none;
    }

    .big-menu__sub {
        margin: 0 auto;
        margin-top: 20px;
    }

    .btn-back {
        font-size: 15px;
        line-height: 28px;
        padding-left: 30px;
        height: 53px;
        background-color: var(--neutral);
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .btn-back img {
        margin-right: 9px;
        display: block;
    }

    .big-content {
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        background-color: #fff;
        height: calc(100% + 50px);
        transition: .5s;
        pointer-events: all;
        position: absolute;
        left: 0;
        right: 0;
    }

    .big-content.active {
        transform: translateX(0);
    }

    .page-header__img {
        margin-right: 0;
    }

    .page-header__images {
        justify-content: center;
    }

    .hiw-step {
        display: contents;
    }

    .breadcrumbs {
        padding: 59px 0 59px 0;
    }

    .breadcrumbs picture {
        display: none;
    }

    section.bottom-calc {
        --gap: 28px;
    }

    .pagination .pagination__nav {
        width: 30px;
        height: 30px;
    }

    .pagination__nav.dn {
        display: none;
    }

    .pagination .pagination__arrow.prev {
        margin-right: 12px;
    }

    .pagination .pagination__arrow.next {
        margin-left: 12px;
    }

    .pagination li:not(:last-child) .pagination__nav {
        margin-right: 7px;
    }

    .modal__top {
        padding: 30px 20px;
        padding-bottom: 40px;
    }

    .modal__top h4 {
        margin-bottom: 30px;
    }

    .modal__bottom {
        padding: 30px 20px;
    }

    .modal__alert {
        padding: 15px;
    }

    .loan-circle img {
        max-width: 263px;
    }

    .load__grid {
        display: flex;
        flex-direction: column;
    }

    .loan__images {
        order: -1;
        margin-bottom: 45px;
    }

    .loan {
        padding-top: 88px;
        padding-bottom: 44px;
    }

    .phone {
        max-width: 72px;
    }

    .phone-center {
        max-width: 82px;
    }

    .loan-item {
        height: auto;
        width: 100%;
        display: flex;
        padding-top: 22px;
        padding-bottom: 47px;
        padding-left: 21px;
        padding-right: 21px;
        position: relative;
        transition: .3s;
    }

    .loan-item::after {
        content: url(/wp-content/themes/webbankir/img/loan-arrow.svg);
        position: absolute;
        bottom: 8px;
        left: 50%;
        margin-top: -4.5px;
        transition: .3s;
    }

    .loan-item.open {
        box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
    }

    .loan-item.open::after {
        transform: scaleY(-1);
    }

    .loan-item__img {
        margin-right: 0;
        margin-bottom: 0;
    }

    .loan-item__title {
        max-width: 100%;
        margin-right: 0;
        margin-left: 27px;
        text-align: left;
    }

    .loan-side {
        position: static;
        transform: none;
        height: auto;
        padding-top: 100px;
        margin-top: -60px;
        padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 45px;
        box-shadow: none;
    }

    .loan-pays__grid {
        grid-template-columns: 1fr;
    }

    .loan-info, .loan-pays {
        max-width: initial;
        padding: 0;
    }

    .loan-pay--long {
        grid-column: auto;
    }

    .loan-side__close {
        display: none;
    }

    .loan-content {
        width: 100%
    }

    .loan-item {
        position: relative;
        z-index: 11;
        width: calc(100% - 28px - 28px);
        margin: 0 auto;
    }

    .loan-item.open + .loan-side {
        display: block;
    }

    .loan-pay--long {
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .loan-pay--long .loan-pay__name {
        padding-left: 15px;
        padding-right: 15px;
    }

    .loan-side {
        display: none;
    }

    .loan-side.open {
        display: block;
    }

    .loan-info__text {
        margin-bottom: 15px;
    }

    .loan-info__list li {
        padding-left: 35px;
    }

    .load__grid {
        margin: 0 -28px;
    }

    .loan-content:first-child .loan-side {
        margin-bottom: -45px;
    }

    .loan-content:last-child {
        order: 2;
    }

    .loan-content:first-child {
        order: 3;
    }

    .loan-info__overflow {
        overflow: auto;
        padding-right: 28px;
        margin-right: -28px;
    }

    .loan-info__row {
        width: 420px;
    }

    .htw {
        padding-top: 23px;
    }

    .htw__grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .htw__title {
        margin-bottom: 24px;
    }

    .video {
        min-height: initial;
        padding-bottom: 55.56%
    }

    .htw__grid {
        margin-bottom: 35px;
    }

    .htw-items {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .wl {
        padding-top: 46px;
        padding-bottom: 28px;
    }

    .wl__title {
        margin-bottom: 40px;
    }

    .wl-slide__image {
        display: none;
    }

    .wl-slide .btn {
        width: 100%
    }

    .wl-slide__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .wl-slide__hit {
        position: relative;
        top: auto;
        right: -5px;
        width: 40px;
        height: 40px;
        font-size: 12px;
    }

    .wl-slide__hit svg {
        width: 40px;
        height: 40px;
    }

    .wl-slide {
        padding-top: 17px;
    }

    .wl-slide__grid {
        grid-template-columns: 1fr;
        row-gap: 5px;
    }

    .wl-item {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wl-slide {
        padding-bottom: 30px;
    }

    .wl-item img {
        margin: 0;
        margin-right: 16px;
    }

    .wl-item:nth-child(2) img {
        -o-object-fit: 20px;
        object-fit: 20px;
    }

    .wl-slide__grid + .wk-slide__star {
        margin-top: 22px;
        margin-bottom: 22px;
    }

    .wl-slide__grid + .btn {
        margin-top: 67px;
    }

    .app__grid {
        display: block;
    }

    .app__col--img {
        max-width: 220px;
        padding-right: 10px;
        margin: 0 auto;
    }

    .app-phone, .app-phone-2 {
        max-width: 90px;
    }

    .app-money {
        max-height: 140px;
        bottom: -28px;
        left: -20px;
    }

    .app-phone {
        top: -25px;
        left: 40px;
    }

    .app {
        padding-top: 84px;
        padding-bottom: 52px;
    }

    .app > .loan-circle {
        display: none;
    }

    .app-info {
        max-width: 100%;
        margin-top: 70px;
    }

    .app-info__title {
        margin-bottom: 22px;
    }

    .app__col .loan-circle {
        display: block;
    }

    .app-btns {
        align-items: center;
    }

    .title-row .btn {
        display: none;
    }

    .btn-more {
        margin-top: 55px;
        display: flex;
    }

    .sales__grid {
        display: block;
        margin-bottom: 30px;
    }

    .sales__grid .plus {
        margin-top: 26px;
    }

    .sale picture {
        display: none;
    }

    .plus p {
        max-width: 100%;
    }

    .cashback_sale_block .plus p {
        margin-bottom: 20px;
    }

    .sale {
        grid-template-columns: 1fr auto;
    }

    .sale img {
        display: none;
    }

    .sale__info {
        height: 100%;
        min-height: 190px;
    }

    .sale__txt {
        padding-top: 19px;
        padding-left: 19px;
        padding-right: 19px;
    }

    .sale__btn {
        padding-left: 18px;
        padding-right: 18px;
    }

    .plus {
        padding-bottom: 0;
        padding-top: 32px;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .plus .sale__btn {
        display: flex;
        width: 100%;
        margin-top: 35px;
    }

    .plus__image {
        margin-left: 35px;
        margin-right: auto;
        margin-bottom: 25px;
    }

    .cashback_sale_block .plus__image {
        margin-left: unset;
        margin-right: unset;
        margin-bottom: 25px;
    }

    .plus__info {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sales {
        padding-top: 40px;
        padding-bottom: 48px;
    }

    .pluses__grid {
        display: block;
        margin-bottom: 28px;
    }

    .pluses__images {
        display: none;
    }

    .pluses__title {
        margin-bottom: 20px;
    }

    .plus-items {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .plus-item {
        transform: none;
    }

    .plus-item {
        height: auto;
        min-height: 258px;
    }

    .plus-item__title {
        margin-bottom: 10px;
    }

    .edge__grid {
        grid-auto-rows: 315px;
        grid-template-columns: repeat(4, 264px);
        width: 1100px;
        gap: 5px;
    }

    .cashback_sale_block__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .edge-overflow {
        overflow: auto;
        margin-left: -28px;
        margin-right: -28px;
        padding-left: 28px;
    }

    .edge {
        padding-top: 57px;
        padding-bottom: 57px;
    }

    .cashback_sale_block {
        padding-top: 54px;
        padding-bottom: 0;
    }

    .cashback_bonus_points_block {
        padding-top: 57px;
        padding-bottom: 57px;
    }

    .cashback_how_to_spend_block {
        padding-top: 57px;
        padding-bottom: 57px;
    }

    .edge__title {
        margin-bottom: 50px;
    }

    .cashback_sale_block__title {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .cashback_bonus_points_block__title {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .cashback_how_to_spend_block__title {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .reviews {
        padding-top: 36px;
    }

    .reviews__title-row {
        margin-bottom: 30px;
    }

    .review-slide__top {
        padding: 48px 24px 36px;
    }

    .reviews__pagination {
        text-align: center;
    }

    .reviews-slider {
        padding-bottom: 20px;
    }

    .rating {
        margin-left: -28px;
        margin-right: -28px;
    }

    .rating__center {
        display: block;
        height: auto;
        text-align: center;
    }

    .review-slide::before {
        left: 24px;
    }

    .review-slide__left {
        display: contents;
    }

    .review-slide__link {
        width: auto;
        height: auto;
        border: 0;
    }

    .review-slide__bottom {
        padding: 14px 22px;
        justify-content: space-between;
        flex-wrap: wrap;
        height: auto;
        align-items: center;
    }

    .review-slide__bottom strong {
        flex: 0 0 calc(100% - 30px);
        order: 1;
    }

    .review-slide__bottom a {
        order: 2;
    }

    .review-slide__bottom span {
        order: 3;
    }

    .review-slide__bottom p {
        order: 4;
    }

    .review-slide__left p, .review-slide__left span {
        margin-left: 0;
    }

    .pp {
        padding-top: 52px;
        padding-bottom: 42px;
    }

    .pp__title {
        margin-bottom: 26px;
    }

    .diff__title {
        margin-bottom: 27px;
    }

    .diff__slider .diff__title {
        margin-bottom: 51px;
    }

    .sertSlider {
        max-width: 166px;
    }

    .diff__slider {
        margin-top: 40px;
    }

    .sertSlider {
        padding-bottom: 83px;
    }

    .diff {
        padding-top: 50px;
        padding-bottom: 72px;
    }

    .form {
        padding-top: 57px;
        padding-bottom: 71px;
    }

    .form__title {
        margin-bottom: 38px;
    }

    .form .btn {
        max-width: 264px;
    }

    textarea.lk-input {
        height: 170px;
    }

    .news__user-image img {
        position: static;
        height: 286px;
        margin-top: -5px;
    }

    .news__user-image {
        height: auto;
    }

    .user-content__top {
        padding: 24px;
    }

    .rating__center {
        padding-top: 26px;
        padding-bottom: 31px;
    }

    .rating__info {
        margin-bottom: 19px;
    }

    .info-text {
        padding-top: 62px;
    }

    .give {
        padding-top: 35px;
        padding-bottom: 5px;
    }

    .give-item {
        display: contents;
    }

    .give-item .give-item__btn {
        margin-bottom: 30px;
    }

    .give-item:last-child .give-item__content {
        margin-bottom: -70px;
    }

    .give-item__btn {
        background: #fff;
        border: 1px solid #eef1f7;
        border-left: 5px solid var(--yellow);
        box-sizing: border-box;
        box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
        border-radius: 5px;
        padding-left: 22px;
        padding-right: 22px;
        position: relative;
        z-index: 2;
    }

    .give-item__content {
        border-radius: 5px 5px 0 0;
        background-color: var(--neutral);
        padding-top: 65px;
        padding-bottom: 22px;
        margin-left: -28px;
        margin-right: -28px;
        position: relative;
        top: -65px;
        margin-bottom: -35px;
    }

    .give-item__btn.open + .give-item__content {
        display: block;
    }

    .events__title-row {
        margin-bottom: 53px;
    }

    .page-get__grid {
        display: block;
    }

    .page-get__info {
        margin-bottom: 20px;
    }

    .page-get__col--image {
        padding-right: 0;
        justify-content: center;
    }

    .hiw-step {
        margin-bottom: 28px;
    }

    .hiw-steps {
        display: block;
    }

    .hiw-step__btn {
        background: #fff;
        border-radius: 5px;
        border-top: 5px solid var(--yellow);
        padding-top: 23px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 40px;
        position: relative;
        z-index: 2;
        margin-bottom: 28px;
    }

    .hiw-step__btn::after {
        content: url(/wp-content/themes/webbankir/img/hiw-arrow.svg);
        position: absolute;
        height: 10px;
        left: 50%;
        transform: translateX(-50%) scaleY(-1);
        bottom: 18px;
        display: block;
        transition: .3s;
    }

    .hiw-step__btn.open {
        box-shadow: 0 0 15px rgba(50, 60, 71, .2);
    }

    .hiw-step__btn.open::after {
        transform: translateX(-50%);
        bottom: 32px;
    }

    .hiw-step__btn.open + .hiw-step__content {
        display: block;
    }

    .hiw-step__content {
        background-color: #fff;
        border-radius: 5px 5px 0 0;
        padding: 108px 24px 34px;
        margin-left: -28px;
        margin-right: -28px;
        position: relative;
        z-index: 1;
        margin-top: -100px;
        margin-bottom: 28px;
        display: none;
    }

    .page-get__text-yellow {
        margin-left: -28px;
        margin-right: -28px;
        border-radius: 0;
        padding: 31px 28px;
    }

    .text-block p + p {
        margin-top: 20px;
    }

    .bottom-calc {
        --gap: 28px;
    }

    .payments {
        margin-left: -28px;
        margin-right: -28px;
    }

    .payments__btn {
        min-width: 70px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .payments__btn.active span {
        display: none;
    }

    .payments__btn.active img {
        margin-right: 0;
    }

    .payment__select-content h4 {
        max-width: 160px;
        margin-top: -31px;
        overflow-wrap: unset;
    }

    .payment__select-content {
        padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 47px;
    }

    .payment__select-content .btn {
        margin: 0 auto;
    }

    .payment-procent {
        top: 17px;
    }

    .payment__select-content p {
        margin-bottom: 38px;
    }

    .payment__select-img {
        margin-right: 7px;
    }

    .testimonials {
        padding-top: 40px;
    }

    .testimonials__grid {
        gap: 28px;
    }

    .testimonials__grid .review-slide--half .review-slide__top {
        padding: 44px 23px;
        padding-bottom: 26px;
    }

    .contacts__info-row {
        display: grid;
        text-align: center;
        justify-content: center;
        gap: 50px;
    }

    .contacts__info-row .btn {
        grid-row: 1;
    }

    .faq-el {
        grid-column: 1/3 !important;
    }

    .faq-el {
        grid-row: 2;
    }

    .faq-el + .faq-el {
        grid-row: 3;
    }

    .banner {
        grid-row: 4;
        display: block;
        margin-left: -28px;
        margin-right: -28px;
        padding-top: 44px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 0;
        background: url(/wp-content/themes/webbankir/img/app-circle.svg) no-repeat 22% 100%/609px, linear-gradient(0deg, #474d62, #474d62), radial-gradient(32.27% 60.99% at 62.94% 38.98%, #c5c9d2 0, #b8bcc7 .97%, #686d81 91.19%);
    }

    .faq-questions {
        grid-row: 1;
        margin-bottom: 8px;
    }

    .faq-item__btn {
        padding-left: 19px;
        padding-right: 52px;
        height: auto;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .faq-item__btn svg {
        position: absolute;
        right: 24px;
    }

    .banner__top {
        max-width: 100%;
        margin-bottom: 59px;
    }

    .banner__top + img {
        height: auto;
        margin-right: 0;
        min-width: 280px;
        height: 300px;
        flex-shrink: 0;
        position: relative;
        left: -40px;
    }

    .banner__title {
        margin-bottom: 40px;
    }

    .app-btns {
        justify-content: center;
    }

    .faq {
        padding-bottom: 55px;
    }

    .docs-menu {
        grid-template-columns: auto;
        width: 100%
    }

    .docs-items {
        grid-column: 1/2;
    }

    .docs-pdf {
        height: auto;
        display: block;
        padding-top: 24px;
        padding-bottom: 22px;
    }

    .docs-pdf svg {
        display: block;
        margin-bottom: 15px;
    }

    .docs-rate {
        display: block;
        margin-left: -28px;
        margin-right: -28px;
        padding-top: 25px;
        padding-bottom: 30px;
        padding-left: 28px;
        padding-right: 28px;
        grid-row: 3;
    }

    .security__content {
        grid-column: 1;
    }

    .docs-menu {
        display: block;
    }

    .security__content blockquote {
        margin-left: -28px;
        margin-right: -28px;
        padding-left: 28px;
        padding-right: 28px;
        padding-top: 43px;
        padding-bottom: 36px;
    }

    .awards__grid {
        grid-template-columns: auto;
        gap: 24px;
    }

    .award {
        min-height: 350px;
    }

    .award img {
        max-width: 100%
    }

    .partners {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .partners__btn {
        height: 120px;
    }

    .partners__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .partners__content {
        grid-column: 1/3;
        grid-template-columns: auto;
        grid-template-rows: 1fr 76px;
        grid-row: 2;
    }

    .partners__content:nth-of-type(n+3):nth-of-type(-n+4) {
        grid-row: 3;
    }

    .partners__content:nth-of-type(n+5):nth-of-type(-n+6) {
        grid-row: 4;
    }

    .partners__content:nth-of-type(n+7):nth-of-type(-n+8) {
        grid-row: 5;
    }

    .partners__content:nth-of-type(n+9):nth-of-type(-n+10) {
        grid-row: 6;
    }

    .partners__content:nth-of-type(n+11):nth-of-type(-n+12) {
        grid-row: 7;
    }

    .partners__content:nth-of-type(n+13):nth-of-type(-n+14) {
        grid-row: 8;
    }

    .partners__content:nth-of-type(n+15):nth-of-type(-n+16) {
        grid-row: 9;
    }

    .partners__content:nth-of-type(n+17):nth-of-type(-n+18) {
        grid-row: 10;
    }

    .partners__content:nth-of-type(n+19):nth-of-type(-n+20) {
        grid-row: 11;
    }

    .partners__content:nth-of-type(n+21):nth-of-type(-n+22) {
        grid-row: 12;
    }

    .partners__content:nth-of-type(n+23):nth-of-type(-n+24) {
        grid-row: 13;
    }

    .partners__content:nth-of-type(n+25):nth-of-type(-n+26) {
        grid-row: 14;
    }

    .p-left {
        padding: 35px 20px;
    }

    .p-right {
        display: flex;
        border-top: 1px solid #eef1f7;
    }

    .p-right__social {
        flex-direction: row;
        height: auto;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .p-right__partner {
        width: 75px;
        flex-shrink: 0;
        border-top: 0;
        border-left: 1px solid #eef1f7;
    }

    .advice-bottom {
        padding-top: 50px;
        padding-bottom: 52px;
    }

    .advice__grid {
        grid-template-columns: auto;
        gap: 28px;
    }

    .board {
        display: block;
        height: auto;
    }

    .board .sale__btn {
        margin-left: -28px;
        margin-right: -28px;
        padding-right: 28px;
        padding-left: 28px;
    }

    .board__container {
        max-width: 100%;
        padding-left: 28px;
        padding-right: 28px;
        padding-top: 28px;
        padding-bottom: 0;
    }

    .board__text {
        margin-bottom: 34px;
    }

    .board-slider {
        padding-bottom: 120px;
    }

    .advice-top .container {
        display: contents;
    }

    .advice-top .swiper-pagination {
        bottom: 48px;
        text-align: center;
        left: 0;
        right: 0;
        width: 100%
    }

    .error-404__wrap img {
        max-width: 214px;
    }

    .error-404__wrap {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .error-404__wrap img {
        margin-bottom: 30px;
    }

    .error-404 .loan-circle img {
        max-width: 270px;
    }

    .error-404__wrap h1 {
        margin-bottom: 25px;
    }

    .about-pluses__grid {
        grid-template-columns: repeat(8, 1fr);
        gap: 5px;
        width: 2112px;
        min-height: 340px;
        flex-shrink: 0;
    }

    .plus-about {
        min-height: 340px;
    }

    .about-overflow {
        overflow: auto;
        margin-left: -28px;
        margin-right: -28px;
        padding-left: 28px;
        display: flex;
    }

    .about-pluses {
        padding-bottom: 70px;
    }

    .gap {
        width: 30px;
        min-height: 315px;
        flex-shrink: 0;
    }

    .all-stat__grid {
        grid-template-columns: 100%;
        gap: 28px;
    }

    .all-stat {
        padding-top: 69px;
        padding-bottom: 73px;
    }

    .as {
        background: url(/wp-content/themes/webbankir/img/as-circle.svg) no-repeat 38% 0/146px, #fff;
    }

    .as--yellow {
        background: var(--yellow);
    }

    .team {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .team-item__top img {
        max-width: 200px;
    }

    .team-info {
        margin-top: 40px;
    }

    .text--yellow .text__grid {
        display: block;
    }

    .text--yellow .text__grid .text__title {
        margin-bottom: 25px;
    }

    .team-serf {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .serf-slider img {
        max-width: 258px;
    }

    .as--yellow {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-left: 22px;
        padding-right: 22px;
        min-height: 135px;
    }

    .as--yellow .as__text {
        padding: 0;
    }

    .about-seft .diff__grid {
        display: grid;
        grid-template-columns: auto;
        gap: 20px;
    }

    .about-seft .sertSlider {
        max-width: 166px;
    }

    .about-seft .diff__slider .swiper-slide {
        width: 166px;
    }

    .about-seft .sertSlider .swiper-pagination {
        text-align: center;
    }

    .clients {
        padding-top: 47px;
        padding-bottom: 65px;
        --gap: 30px;
    }

    .client__info-grid, .clients__grid, .clients__stat-grid {
        grid-template-columns: 1fr;
    }

    .client__info-grid {
        gap: 15px;
    }

    .progress-scale {
        margin-top: 32px;
    }

    .client-single {
        margin-top: 28px;
    }

    .clent-stat__name {
        width: auto;
    }

    .client {
        padding: 24px;
    }

    .clients__stat-grid .client {
        padding: 24px;
    }

    .lk {
        padding-top: 33px;
    }

    .lk__logo img {
        max-width: 163px;
    }

    .lk__logo {
        display: inline-block;
        margin-bottom: 30px;
    }

    .lk__grid {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
        gap: 0;
    }

    .mt40 {
        margin-top: 40px;
    }

    .lk-images {
        position: relative;
    }

    .lk-images > img {
        display: block;
    }

    .lk-left h1 {
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .lk-btns .btn--w285 {
        width: 264px;
    }

    .lk-btns {
        justify-content: center;
        margin-bottom: -20px;
    }

    .lk-btns .btn:not(:last-child) {
        margin-right: 0;
    }

    .lk {
        padding-bottom: 62px;
    }

    .lk-enter {
        margin-left: -28px;
        margin-right: -28px;
    }

    .lk-enter__top, .lk__bottom {
        padding-left: 28px;
        padding-right: 28px;
    }

    .lk-enter {
        border-radius: 0;
    }

    .job-man {
        margin-top: 0;
    }

    .job__row {
        padding-top: 0;
    }

    .job__title {
        white-space: inherit;
        margin-bottom: 45px;
    }

    .job {
        padding-top: 45px;
    }

    .job-item {
        height: 150px;
        padding-right: 25px;
        padding-left: 25px;
    }

    .job-item h3 {
        max-width: 153px;
    }

    .dog__grid {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .dog__images {
        position: relative;
    }

    .dog__images > img {
        max-width: 228px;
        display: block;
        margin: 0 auto;
    }

    .dog {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .dog__info h2 br {
        display: block;
    }

    .work {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .good {
        padding-top: 54px;
        padding-bottom: 36px;
    }

    .job_block {
        padding-top: 54px;
        padding-bottom: 36px;
    }

    .cashback_banner_block {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .good__img img {
        max-width: 100%;
        margin-top: 33px;
    }

    .good__grid {
        margin-bottom: 36px;
    }

    .goods {
        grid-template-columns: 100%
    }

    .good-item {
        padding-left: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .good-item .good-item__img {
        height: auto;
        width: 64px;
    }

    .f-banner {
        background: url(/wp-content/themes/webbankir/img/ellipse.svg) no-repeat center/260px, #474d62;
    }

    .f-banner__form h2 {
        margin-bottom: 39px;
        max-width: 100%
    }

    .f-banner__form {
        padding-left: 21px;
        padding-right: 23px;
    }

    .plus-banner {
        height: auto;
        padding-top: 23px;
    }

    .plus-banner .sale__btn {
        margin-top: 20px;
        margin-left: -28px;
        margin-right: -28px;
        display: flex;
    }

    .plus-banner {
        margin-top: 28px;
        background: url(/wp-content/themes/webbankir/img/pb-bg.png) no-repeat 43.5% 0, var(--yellow);
        padding-left: 23px;
        padding-right: 23px;
    }

    .all-sales {
        padding-bottom: 55px;
    }

    .f-banner__sales {
        height: 380px;
    }

    .f-banner__form {
        display: block;
    }

    .f-banner__sales .sale__btn {
        display: flex;
    }

    .latest-news {
        padding-bottom: 60px;
    }

    .event-overflow {
        overflow: auto;
        margin-left: -28px;
        padding-left: 28px;
        margin-right: -28px;
        padding-right: 28px;
    }

    .event-overflow .event {
        min-width: 264px;
    }

    .event-overflow .event-gap {
        width: 28px;
        height: 178px;
    }

    .event-overflow .event--title:last-child, .event-overflow .event--title:nth-child(3) {
        display: flex;
    }

    .an-item__right {
        display: none;
    }

    .an-item {
        display: block;
    }

    .an__grid {
        display: block;
    }

    .an-item {
        margin-bottom: 20px;
    }

    .latest--revert {
        max-width: 100%;
        display: grid;
        grid-auto-columns: 264px;
        grid-auto-flow: column;
        gap: 5px;
        height: auto;
    }

    .page-text h4 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .page-text blockquote {
        margin-top: 60px;
    }

    .page-text blockquote p {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .page-text blockquote {
        margin-top: 35px;
    }

    .page-text__grid blockquote {
        padding-top: 22px;
        padding-bottom: 25px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .page-text__grid {
        margin-top: 35px;
    }

    .page-text__grid blockquote li {
        padding-left: 22px;
    }

    .page-text__grid blockquote li:not(:last-child) {
        margin-bottom: 20px;
    }

    .page-text {
        padding-bottom: 50px;
    }

    .page-text blockquote {
        margin-top: 65px;
    }

    .page-text__grid blockquote {
        margin-top: 0;
    }

    .search {
        flex-direction: column;
        margin-left: -28px;
        margin-right: -28px;
        padding: 26px 28px;
        margin-bottom: 40px;
    }

    .search__field {
        width: 100%
    }

    .search__content {
        width: 100%;
        margin-bottom: 24px;
    }

    .sub-drop {
        width: 100%
    }

    .sub-drop__menu {
        left: 28px;
        right: 28px;
        top: unset;
    }

    .text-review {
        margin-left: -28px;
        margin-right: -28px;
        padding-left: 28px;
        padding-right: 28px;
        flex-wrap: wrap;
        padding-top: 12px;
    }

    .text-review b {
        flex: 0 0 100%;
        display: block;
        margin-bottom: 14px;
    }

    .text-review strong {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .text-review img {
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }

    .text-review__left, .text-review__right {
        display: contents;
    }

    .popular-articles {
        padding-bottom: 50px;
    }

    .o-article {
        padding-top: 27px;
        padding-bottom: 27px;
    }

    .page-footer__top {
        padding-top: 43px;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .top-grid {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
    }

    .footer-btns {
        grid-auto-flow: row;
        grid-column: auto;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .middle-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .page-footer__middle {
        padding-top: 33px;
        padding-bottom: 40px;
    }

    .page-footer__col {
        flex: 0 0 100% !important;
    }

    .page-footer__col:nth-child(6) {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .page-footer__bottom {
        padding-top: 37px;
        padding-bottom: 31px;
    }

    .page-footer__row {
        margin-bottom: 0;
    }

    .page-footer__col {
        margin-bottom: 0 !important;
    }

    .social {
        margin-top: 21px;
        margin-bottom: 21px;
    }

    .page-footer__col:nth-child(4) {
        order: 2;
    }

    .page-footer__col:nth-child(3) {
        order: 3;
    }

    .policy {
        margin-top: 18px;
    }

    .social {
        gap: 24px;
    }

    .social__item svg {
        width: 24px;
        height: 24px;
    }

    .page-footer__col:nth-child(3) {
        justify-content: flex-start;
    }

    .page-footer__col .mir-1024 {
        margin-bottom: 28px;
        margin-top: 24px;
    }

    .page-footer__col .mir-1024 .caption {
        max-width: 120px;
    }

    .footer-list br {
        display: none;
    }

    .footer-list a {
        line-height: 24px;
    }

    .big-menu__subs .review-btn-link {
        margin: 30px auto 0;
    }
}

.award {
    flex-direction: column;
}

.award p {
    padding: 0 15px;
    text-align: center;
    margin-bottom: 30px;
}

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid #000;
}

td {
    padding: 5px;
}

.payment__content {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 30px;
    column-gap: 30px;
    grid-template-rows: repeat(6, 71px) 140px;
}

.payment__select-content {
    background-color: #fff;
    grid-column: 2/3;
    grid-row: 1/8;
    height: 100%;
    padding: 46px 49px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    display: none;
    overflow-y: auto;
}

.search__content.open + .sub-drop__menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.search__content.open + .sub-drop__menu > ul > li > ul {
    padding-left: 15px;
}

@media (min-width: 768px) {
    .payment__select-content h4 {
        padding-right: 120px;
    }
}

.page-search {
    padding-top: 33px;
}

.page-search .search {
    margin-bottom: 70px;
}

.page-search .search .search__field {
    width: 100%;
    max-width: 983px;
    margin-right: 10px;
}

.nice-select {
    width: 100%;
    max-width: 216px;
    height: 50px;
    line-height: 50px;
    float: none;
    padding-left: 17px;
    padding-right: 67px;
    font-size: 17px;
    border: 0;
}

.nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: transparent;
}

.nice-select .list {
    width: 100%;
    color: var(--grey);
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #eef1f7;
    box-shadow: 0 5px 15px rgba(50, 60, 71, .2);
    border-radius: 5px;
    border-top: 5px solid var(--yellow);
    margin-top: 21px;
}

.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
    background-color: #fff;
    color: var(--black);
}

.nice-select .option.selected {
    color: var(--black);
    font-weight: 400;
}

.nice-select .option {
    height: auto;
    line-height: 32px;
    font-size: 17px;
    padding: 0;
    min-height: initial;
}

.nice-select::after {
    border: 0;
    height: 50px;
    width: 50px;
    background-color: var(--neutral);
    transform: none;
    right: 0;
    top: 0;
    margin-top: 0;
    border-radius: 0 5px 5px 0;
}

.nice-select.open::after {
    transform: none;
}

.nice-select::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 16px;
    height: 10px;
    right: 16px;
    z-index: 2;
    margin-top: -3px;
    transition: .3s;
    transform: scaleY(-1);
    background-image: url(../img/search-arrow.svg);
}

.nice-select.open::before {
    transform: scaleY(1);
    margin-top: -5px;
}

.pagination__search {
    margin: 0;
    margin-top: 80px;
    margin-bottom: 80px;
}

.pagination__search a {
    background-color: var(--neutral);
}

.search-result {
    max-width: 965px;
}

.search-result:not(:last-child) {
    margin-bottom: 40px;
}

.search-result h5 {
    margin-top: 12px;
    margin-bottom: 6px;
}

.search-result h5 a {
    color: #000;
    text-decoration: none;
    transition: .3s;
}

.search-result h5 a:hover {
    color: #ffde52;
}

.search-result p {
    margin: 0;
    color: var(--grey);
}

.search-result b {
    color: var(--yellow);
}

.search__word {
    background-color: var(--yellow);
    border-radius: 3px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
}

@media (max-width: 1279px) {
    .search-result h5 {
        margin-top: 10px;
        margin-bottom: 8px;
    }
}

@media (max-width: 1023px) {
    .pagination__search {
        margin-top: 70px;
        margin-bottom: 80px;
    }

    .page-search .search {
        margin-bottom: 60px;
    }

    .nice-select {
        max-width: 179px;
    }
}

@media (max-width: 767px) {
    .page-search .search .search__field {
        margin-right: 0;
    }

    .nice-select {
        max-width: 100%
    }

    .page-search .search .search__field {
        margin-bottom: 10px;
    }

    .nice-select {
        font-size: 14px;
    }
}

.review-text {
    margin-top: 85px;
    margin-bottom: 85px;
    display: grid;
    grid-template-columns: 1fr 322px;
    gap: 98px;
}

.review-text.full-width-review {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}

.review-text.full-width-review .post-ratings {
    height: 16px;
    margin: 0 auto;
}

.review-text.full-width-review .post-ratings img:not(:last-of-type) {
    padding-right: 5px;
    box-sizing: content-box;
}

.review-text.full-width-review > *:not(:last-child) {
    margin-bottom: 20px;
}

.review-text.full-width-review .post-ratings-loading {
    text-align: center;
}

.review-text.full-width-review .post-ratings[data-nonce]:hover img,
.review-text.full-width-review .post-ratings[data-nonce] img:hover {
    content: url(/wp-content/plugins/wp-postratings/images/stars_crystal/rating_over.gif);
}

.review-text.full-width-review .post-ratings img,
.review-text.full-width-review .post-ratings[data-nonce] img:hover ~ img {
    content: url(/wp-content/plugins/wp-postratings/images/stars_crystal/rating_on.gif);
}

.review-text.full-width-review.voted .post-ratings img {
    content: url(/wp-content/plugins/wp-postratings/images/stars_crystal/rating_on.gif) !important;
}

.review-text.full-width-review p {
    font-family: 'Rubik', sans-serif;
    color: #686D81;
    font-size: 17px;
}

.review-text.full-width-review p.rtt__text {
    font-size: 14px;
}

.review-text__advice {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    row-gap: 20px;
}

.text-review__date {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.text-review__date strong {
    font-weight: 400;
    color: var(--grey);
    display: block;
    padding-right: 17px;
    margin-right: 17px;
    position: relative;
}

.text-review__date strong::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 1px;
    right: 0;
    background-color: var(--neutral);
}

.review-text__left {
    display: flex;
    padding: 34px 30px;
    background: #fff;
    border: 1px solid #eef1f7;
    border-radius: 5px;
    border-left: 5px solid var(--yellow);
}

.review-text__left > img {
    flex-shrink: 0;
    margin-right: 30px;
}

.review-text__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rtt {
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}

.rtt a:not(:last-child) {
    margin-right: 1px;
}

.rtt h5 {
    margin: 0;
    margin-right: 20px;
}

.rtt__text {
    margin: 0;
}

.review__socials {
    display: flex;
    justify-content: flex-end;
}

.review__socials a:not(:last-child) {
    margin-right: 18px;
}

.page-search .nice-select {
    max-width: unset;
    flex: 1;
}

.page-search {
    padding-bottom: 80px;
}

.post-ratings {
    width: auto !important;
    display: flex;
    align-items: center;
}

.post-ratings img {
    width: 16px;
}

.at-share-btn-elements {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (max-width: 1679px) {
    .review-text {
        grid-template-columns: 1fr 285px;
        gap: 95px;
        margin-top: 90px;
        margin-bottom: 80px;
    }

    .review__socials a:not(:last-child) {
        margin-right: 16px;
    }
}

@media (max-width: 1279px) {
    .review-text {
        grid-template-columns: 1fr 277px;
        gap: 52px;
        margin-top: 70px;
        margin-bottom: 60px;
    }

    .review-text__left {
        padding: 33px 20px;
    }

    .review-text__left > img {
        max-height: 75px;
        margin-right: 24px;
    }

    .rtt {
        margin-bottom: 12px;
    }
}

@media (max-width: 1023px) {
    .review-text {
        grid-template-columns: 1fr 277px;
        gap: 23px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .review-text__left {
        padding: 30px 25px;
    }

    .review-text__left > img {
        margin-right: 15px;
    }

    .review-text__info {
        display: contents;
    }

    .review-text__left {
        display: grid;
        grid-template-columns: 68px 1fr;
        gap: 15px;
    }

    .rtt {
        display: block;
    }

    .rtt h5 {
        margin-right: 0;
        margin-bottom: 12px;
        margin-top: 2px;
    }

    .page-text p {
        grid-column: .3333333333;
    }

    .review__socials img {
        height: 43px;
    }
}

@media (max-width: 767px) {
    .review-text {
        margin-top: 45px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .review-text__right {
        display: contents;
    }

    .text-review__date {
        order: -1;
        margin-bottom: 45px;
    }

    .review__socials {
        margin-top: 45px;
    }

    .review-text__left {
        padding: 24px;
        padding-bottom: 29px;
    }

    .review-text__left {
        border-top: 5px solid var(--yellow);
        border-left: 1px solid var(--neutral);
    }

    .review__socials img {
        height: 40px;
    }
}

.zajmy_russia #htmlmap_posts > ul {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    padding-left: 20px;
}

.big-menu__btns {
    line-height: 19px;
}

.faq-span-97p {
    width: 97%;
}

.swiper-slide img.about-cert-img {
    width: 258px;
}

@media (min-width: 1024px) {
    .top-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .footer-btns {
        justify-content: right;
    }

    .error-404 {
        padding: 68px 0 68px 0;
    }
}

@media (max-width: 868px) {
    .footer-btns {
        grid-auto-flow: unset;
    }
}

@media (max-width: 767px) {
    .zajmy_russia #htmlmap_posts > ul {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    .board__left, .board__right {
        max-height: initial;
    }

    .webbankir-image {
        top: auto;
        bottom: -4px;
    }

    .accordionBtnMain {
        margin-bottom: 30px;
    }

    .error-404 {
        padding: 50px 0 50px 0;
    }
}

@media (max-width: 550px) {
    .latest__grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 425px) {
    .copy-year-site {
        width: 100%;
        text-align: center;
    }

    .zajmy_russia #htmlmap_posts > ul {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

}

.page-footer__top .top-grid {
    align-items: flex-start;
}

.review-text__info .rtt__text.caption {
    grid-column-start: 1;
    grid-column-end: 3;
}

.app-btns {
    flex-direction: column;
}

.app-btns .btn:not(:last-child) {
    margin-bottom: 20px;
}

.faq-btns .btn:not(:last-child) {
    margin-bottom: 0;
}

.award {
    display: grid;
}

.authors {
    background-color: #fff;
    padding-top: 85px;
    padding-bottom: 85px;
}

.video__iframe, .video__img {
    -o-object-fit: unset !important;
    object-fit: unset !important;
}

.page-header__img {
    display: unset;
}

.app-phone-2 {
    height: intrinsic;
}

.review-text__left img {
    max-height: 96px;
    border: 1px solid #eef1f7;
    border-radius: 48px;
}

.form__confirm a {
    text-decoration: underline;
    color: #fff;
}

.form__group .btn:disabled {
    pointer-events: none;
    background: #d8d8d8;
    border: 2px solid #fff;
    color: #848484;
}

#form_agree_content {
    max-width: 100%
}

#form_agree_content div {
    padding-bottom: 10px;
}

.form_agree_modal__header {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 700;
    text-align: center;
}

.questions-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.circleScale3 {
    -webkit-animation: circleScale 3s linear forwards;
    animation: circleScale 3s linear forwards;
}

.form_error {
    background: #f3e6e6;
    border: 2px solid #da4646;
    color: #c31313;
}

.page-header__text .text-slider__title {
    font-size: 52px;
    line-height: 57px;
    letter-spacing: 1px;
    font-weight: 700;
}

@media (max-width: 1279px) {
    .page-header__text .text-slider__title {
        font-size: 29px;
        line-height: 32px;
        margin: 0 0 15px 0;
    }
}

@media (max-width: 767px) {
    .page-header .swiper-pagination:not(.big) .swiper-pagination-bullet:not(:last-child) {
        margin-bottom: 0;
    }

    .page-header .swiper-pagination:not(.big) .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
    }

    /*.page-header .swiper-pagination {
        display: block;
        position: unset;
        text-align: left;
        padding-top: 15px;
    }*/
    .webbankir-image svg {
        opacity: .5;
    }
}

.gdpr-header {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #1d2431;
    padding-bottom: 4px;
    text-align: left;
}

.gdpr-content {
    max-width: 380px;
    width: 380px;
    padding: 0 0 0 80px;
    align-items: stretch;
}

.gdpr-privacy {
    padding-top: 0;
    font-size: 13px;
}

.cli-bar-btn_container {
    margin-left: 0 !important;
    padding: 18px 0 0 0;
    text-align: center;
}

.cli-style-v2 .cli-bar-message {
    width: 100%
}

@media (max-width: 767px) {
    .gdpr-content {
        border-left: 0 !important;
        padding: 0 28px 0 28px !important;
        font-size: 13px;
        width: 100%;
    }

    .cli-style-v2.cli-bar-container {
        justify-content: center;
    }

    .gdpr-header {
        font-size: 15px;
        line-height: unset;
        padding-top: 10px;
    }

    .gdpr-privacy {
        font-size: 10px;
        line-height: 13px;
    }

    .cli-bar-btn_container {
        display: flex;
        padding: 0 0 0 20px !important;
        margin: 10px 0 0 0 !important;
    }

    .gdpr-left {
        display: flex;
        align-items: stretch;
        width: 100%
    }

    .page-header__text .text-slider__title {
        font-size: 19px !important;
        line-height: 11px;
        margin-bottom: 6px;
        font-weight: 500;
    }

    .text-slider__subtitle {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        display: inline-block;
        width: 60%;
    }

    .text-slider__p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .calc__top {
        padding-top: 10px;
        padding-bottom: 10px;
        gap: 5px;
    }

    .calc__bottom {
        padding: 11px 27.5px !important;
    }

    .calc__range-current {
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .calc__range-current .h4 {
        font-size: 19px;
        line-height: 17px;
    }

    .calc__btns {
        height: 40px;
    }

    .calc__bottom-content button {
        height: 45px;
    }

    .page-header__images {
        height: 77px;
    }

    .page-header-top {
        background: #474D62;
        height: 50px;
        filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.52));
    }

    .page-header__top {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .noUi-horizontal {
        height: 4px;
    }

    .slider-word-wrap {
        margin: 0 0 5px 0;
    }
}

.disabledBlock {
    pointer-events: none;
    opacity: .4;
}

.page-header__text .text-slider_offer__title {
    font-size: 45px !important;
    line-height: 57px;
    letter-spacing: 1px;
    font-weight: 700;
}

@media (max-width: 1279px) {
    .page-header__text .text-slider_offer__title {
        font-size: 29px !important;
        line-height: 32px;
    }
}

@media (max-width: 767px) {
    .page-header__text .text-slider_offer__title {
        font-size: 19px !important;
        line-height: 17px;
        padding-bottom: 6px;
        font-weight: 500;
    }
}

.faq_main_block {
    background-color: var(--neutral);
    padding-top: 20px;
    padding-bottom: 140px;
}

.cashback_faq_block {
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 0;
}

.faq_main_block__title {
    margin-top: 0;
    margin-bottom: 78px;
}

.cashback_faq_block__title {
    margin-top: 55px;
    margin-bottom: 55px;
}

.cashback_faq_block .faq-item__btn {
    font-size: 17px;
    line-height: 28px;
}

.cashback_faq_block .faq-item__content a {
    color: #3EA2FF;
}

.cashback_faq_block .faq-item__content a:hover {
    color: #1470dc;
}

.faq_main_button {
    padding-top: 56px;
}

.faq_main_button_link {
    float: right;
}

@media (max-width: 1279px) {
    .faq_main_block__title, .cashback_faq_block {
        margin-bottom: 30px;
    }
}

@media (max-width: 1023px) {
    .faq_main_block {
        padding-top: 65px;
        padding-bottom: 70px;
    }

    .cashback_faq_block {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .cashback_faq_block__title {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .cashback_faq_block .faq-item__btn {
        font-size: 15px;
        line-height: 24px;
    }

    .faq_main_block {
        padding-top: 0;
    }

    .cashback_faq_block {
        padding-top: 0;
    }

    .faq_main_button_link {
        float: unset;
        margin: 0 auto;
    }
}

.press-block {
    padding-top: 77px;
    background: #fff;
}

.press-slider {
    padding-bottom: 110px;
}

.press-block .swiper-pagination {
    bottom: 70px;
}

.press-block .event {
    border-left: 1px solid #eef1f7;
    border-right: 1px solid #eef1f7;
    border-bottom: 1px solid #eef1f7;
}

.press-block .event__top {
    padding: 16px 30px 26px;
}

.press-block .btn, .press-block .btn-more {
    background: linear-gradient(0deg, #eef1f7, #eef1f7), #ffde52;
}

.press-block .event__title {
    min-height: unset;
}

.press-block__row {
    margin-bottom: 76px;
}

.press-block__row h2 {
    color: var(--black);
}

@media (max-width: 1279px) {
    .press-block__row {
        margin-bottom: 60px;
    }

    .page-header__text .h2, .page-header__text h2, .page-header__text h1 {
        font-size: 29px;
        line-height: 31px;
        margin-top: 17px;
    }
}

@media (max-width: 1023px) {
    .press-block__row {
        margin-bottom: 50px;
    }

    .press-block img {
        height: 75px;
    }

    .calc__range-values .caption {
        font-size: 14px;
        line-height: 18px;
        color: #C5C9D2;
    }
}

@media (max-width: 767px) {
    .press-block .event__text {
        display: none;
    }

    .press-block .btn-more {
        margin-top: 0;
        margin-bottom: 55px;
    }

    .press-block .swiper-pagination {
        display: none;
    }

    .press-slider {
        padding-bottom: 55px;
    }

    .caption #calc_caption_free_all {
        font-size: 13px;
    }

    .caption #calc_caption_free_days {
        font-size: 13px;
    }

    .gosuslugi img {
        margin-top: 4px;
        margin-bottom: 2px;
    }

    .calc__bottom button {
        font-size: 14px;
    }

    .gosuslugi {
        height: 45px;
        padding-top: 13px;
    }

    .gosuslugi a {
        font-size: 14px;
    }

    .page-header__text .h2, .page-header__text h2, .page-header__text h1 {
        font-size: 19px;
        line-height: 20px;
        margin: 13px 0 0 0;
        font-weight: 500;
    }

    .alert img {
        height: 31px;
        width: 31px;
    }

    .swiper-slide .text-slider__p {
        font-size: 13px;
    }

    .page-header__img {
        margin-left: 50%;
        float: right;
    }

    .page-header__text {
        min-height: 158px;
    }

    .page-header__img img {
        height: 280px;
        width: auto;
        margin-bottom: -61px;
    }
}

@media (max-width: 701px) {
    .page-header__text .text-slider {
        padding-bottom: 0 !important;
    }

    .page-header .swiper-pagination {
        bottom: 0;
        left: 0;
        text-align: right;
        display: flex;
        flex-direction: unset;
        align-items: unset;
    }

    .page-header .swiper-pagination:not(.big) .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .swiper-slide .text-slider__p {
        display: none;
    }

    .swiper-slide .text-slider__p.ntf_num_2 {
        display: block;
    }
}

@media (max-width: 500px) {
    .page-header__img img {
        height: 229px;
    }
}

@media (max-width: 374px) {
    .page-header .swiper-pagination:not(.big) .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }

    .page-header .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
        margin: 0 5px 0 0;
    }

    .page-header .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }

    .page-header__text .h2, .page-header__text h2, .page-header__text h1 {
        /*margin: 5px 0 0 0;*/
    }

    .swiper-slide .text-slider__p {
        font-size: 11px;
    }

    .page-header__images {
        display: none;
    }

    .page-header-top {
        height: 45px;
    }

    .page-header__top {
        padding-bottom: 7px;
        padding-top: 8px;
    }

    .logo img {
        height: 23px;
    }

    .logoanim {
        display: none;
    }

    .page-header__text {
        min-height: 136px;
    }

    .text-slider__subtitle {
        width: 100%;
    }
}

/* GDPR v2 */
#cookie-law-info-bar {
    background-color: rgb(255, 255, 255);
    color: rgb(104, 109, 129);
    font-family: inherit;
    bottom: 0;
    position: fixed;
    display: block;
    width: 100%;
    transition: all 0.3s ease 0s;
    z-index: 350;
    box-shadow: 0 -2px 9px rgba(71, 77, 98, 0.08);
    padding: 0;
}

.gdpr_v2_content {
    height: 85px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.gdpr_v2_center {
    width: 100%;
    display: flex;
}

.gdpr_v2_left {
    width: 100%;
    font-family: 'Exo 2';
    font-weight: 500;
    font-size: 19px;
    line-height: 28px;
    align-items: center;
    color: #1D2431;
    display: flex;
    text-align: left;
}

.gdpr_v2_left a {
    color: #1470dc;
    text-decoration: underline;
}

.gdpr_v2_left .gdpr_v2_left_text_full {
    display: block;
}

.gdpr_v2_left .gdpr_v2_left_text_min {
    display: none;
}

.gdpr_v2_right {
    margin-left: 30px;
    display: flex;
    align-items: center;
}

#wt-cli-accept-all-btn {
    color: rgb(29, 36, 49);
    background-color: #ffffff;
    width: 206px;
    height: 45px;
    border: 1px solid rgb(255, 222, 82);
    box-sizing: border-box;
    border-radius: 8px;
    line-height: 25px;
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    display: inline-block;
    padding: 9px 12px;
    position: relative;
    margin: 0;
}

#wt-cli-accept-all-btn:hover {
    background-color: rgb(255, 222, 82) !important;
    color: rgb(29, 36, 49) !important;
}

.swiper-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.reviews-slider .swiper-nav {
    margin-top: 50px;
}

.swiper-nav .arrow, .swiper-nav .swiper-pagination {
    position: static;
    line-height: 1;
}

.swiper-nav .swiper-pagination {
    margin: 0 25px;
}

.swiper-nav .arrow {
    width: auto;
    height: auto;
    margin-top: 0;
    color: #fff;
}

.swiper-nav .arrow::after {
    font-size: 30px;
}

.swiper-nav .arrow.arrow--grey::after {
    color: var(--grey);
}

@media (max-width: 1279px) {
    .gdpr_v2_left {
        font-size: 15px;
    }

    .swiper-nav .arrow {
        display: none;
    }

    .swiper-nav .swiper-pagination {
        margin: 0;
    }

    .single-content {
        margin-bottom: 60px;
    }
}

@media (max-width: 1023px) {
    .gdpr_v2_content {
        height: 50px;
    }

    #wt-cli-accept-all-btn {
        width: 179px;
        height: 38px;
        font-size: 14px;
        padding: 6px 12px;
    }

    .gdpr_v2_left .gdpr_v2_left_text_full {
        display: none;
    }

    .gdpr_v2_left .gdpr_v2_left_text_min {
        display: block;
    }

    .loan-button-fixed {
        display: none;
    }

    .single-content {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .gdpr_v2_content {
        height: 40px;
    }

    .gdpr_v2_right {
        margin-left: 10px;
    }

    #wt-cli-accept-all-btn {
        width: 80px;
        height: 30px;
        border-radius: 5px;
        font-size: 11px;
        line-height: 18px;
    }
}

.header_menu_title {
    font-size: 17px;
    padding-top: 20px;
    font-weight: 600;
    display: none;
}

@media (max-width: 1280px) {
    .get-variants {
        grid-template-columns: 1fr 1fr;
    }

    .dict__letters .letter {
        font-size: 22px;
    }

    .dict-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .header_menu_title {
        display: block;
    }

    .page-calc {
        margin: 50px calc(var(--gap) * -1);
    }

    .page-calc.mt {
        margin-top: 50px;
    }

    .search + .page-calc, .page-calc.mt-0 {
        margin-top: 0;
    }

    .page-calc .calc__top {
        grid-template-columns: 1fr;
    }

    .page-calc .calc__top .calc__range-current.desktop {
        display: none;
    }

    .page-calc .calc__top .page-header__alert, .page-calc .calc__top .calc__range-current.desktop {
        border-top: none;
    }

    .page-calc .calc__bottom .calc__range-current {
        display: flex;
    }

    .give-item.city-give-item .give-item__btn.open + .give-item__content {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .get-variants {
        padding-top: 0;
    }

    .dict__letters .letter {
        font-size: 19px;
        padding: 5px 8px;
        line-height: 110%;
    }

    .dict__letters-row {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .dict-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dict__letters-row + .dict__letters-row {
        margin-top: 20px;
    }

    .other-articles__grid.grid-3 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 500px) {
    .get-variants {
        grid-template-columns: 1fr;
    }

    .get-variant {
        padding-top: 30px;
    }

    .get-variant__title {
        padding-right: 60px;
    }

    .get-variant__descr p {
        font-size: 16px;
    }

    .get-variant__descr br {
        display: none;
    }

    .dict-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .dict-grid__col .col-letter {
        font-size: 23px;
    }

    .dict-grid__col a {
        font-size: 15px;
    }

    .dict__letters {
        margin-bottom: 40px;
    }

    .dict__search-item .search-title, .dict__search-item .search-content {
        font-size: 15px;
    }
}

@media (max-width: 425px) {
    .give-item.city-give-item .give-item__btn.open + .give-item__content {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

.why_top {
    padding-top: 0;
    padding-bottom: 0;
}

.why_block {
    display: grid;
    grid-template-columns: 1fr 390px;
    gap: 30px;
    padding: 30px 0 30px 0;
}

.why_block h2 {
    margin-top: 7px;
}

.why_back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(/wp-content/themes/webbankir/img/main-yellow.png) no-repeat -17px -17px/239px, #fff;
    text-align: left;
    min-height: 217px;
}

.why_text_min {
    font-size: 27px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    line-height: 0;
    padding: 0 0 0 50px;
    margin-top: -20px;
}

.why_text_max {
    font-size: 68px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    padding-top: 10px;
    margin: 0;
    padding-left: 50px;
}

@media (max-width: 1279px) {
    .why_block {
        grid-template-columns: 1fr 273px;
    }

    .why_back {
        background: url(/wp-content/themes/webbankir/img/main-yellow.png) no-repeat -17px -17px/189px, #fff;
        min-height: 162px;
    }

    .why_text_min {
        font-size: 19px;
        margin-top: 0;
        padding: 0 0 0 30px;
    }

    .why_text_max {
        font-size: 48px;
        padding-top: 2px;
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .why_block {
        grid-template-columns: 1fr;
    }

    .why_back {
        background: url(/wp-content/themes/webbankir/img/main-yellow.png) no-repeat -39px 4px/189px, #fff;
        text-align: center;
        background-position: center;
        margin-left: -100px;
    }

    .why_text_min {
        padding: 0 0 0 100px;
    }

    .why_text_max {
        font-size: 41px;
        padding-left: 130px;
    }
}

.form__chat {
    font-size: 15px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.form__chat a {
    color: #FFDE52;
}

.form__chat a:hover {
    color: #FFFFFF;
}

#form_questions textarea#form_message {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#form_job_main textarea#form_message {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form__title.form__padding_min {
    margin-bottom: 20px;
}

.feedbackAttachList {
    padding: 13px;
    background: #FFFFFF;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    display: none;
}

.feedbackAttachList div {
    border: 1px solid #FFDE52;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    color: #686D81;
    padding: 6px 30px 0 10px;
    position: relative;
    min-height: 30px;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feedbackAttachList div > span {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22%23000000%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M38%2012.83L35.17%2010%2024%2021.17%2012.83%2010%2010%2012.83%2021.17%2024%2010%2035.17%2012.83%2038%2024%2026.83%2035.17%2038%2038%2035.17%2026.83%2024z%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h48v48H0z%22%20fill%3D%22none%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
    opacity: 0.33;
    padding: 14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    z-index: 10;
    cursor: pointer;
}

.feedbackAttachBlock {
    cursor: pointer;
    height: 48px;
    background: #FFFFFF;
    margin-top: -18px;
    border-top: 1px solid #EEF1F7;
    padding: 0 0 0 55px;
    position: relative;
}

.feedbackAttachBlock .feedbackAttachButton {
    width: 28px;
    height: 28px;
    background: url(/wp-content/themes/webbankir/img/feedback/attachfiles.svg) no-repeat 0 0;
    position: absolute;
    top: 13px;
    left: 13px;
}

.feedbackAttachBlock .title {
    color: #686D81;
    line-height: 15px;
    font-size: 15px;
    padding-top: 10px;
}

.feedbackAttachBlock .subtitle {
    color: #C5C9D2;
    font-size: 12px;
    line-height: 21px;
}

.feedbackAttachBlockClose {
    height: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
    background: #FFFFFF;
}

@media (max-width: 767px) {
    .feedbackAttachBlock {
        margin-top: -17px;
    }
}

.social_menu {
    text-align: left;
}

.social_menu a {
    text-decoration: none;
}

@media (max-width: 767px) {
    .social_menu {
        text-align: center;
    }
}

.btn-cashback {
    display: inline-flex;
    color: #1D2431 !important;
    padding-right: 20px;
    padding-left: 20px;
}

.btn-cashback:hover {
    color: #FFFFFF !important;
}

.cashback_sale_block_yellow {
    background: #FFDE52;
    margin-top: 50px;
    border-radius: 5px;
    padding: 30px;
}

.cashback_sale_block_yellow_title {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 38px;
}

.cashback_sale_block_yellow_example {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
    margin-top: 22px;
}

.cashback_sale_block_yellow_content {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    padding-top: 5px;
}

.cashback_sale_block_yellow_content span {
    font-size: 14px;
    line-height: 21px;
    padding-left: 5px;
}

.cashback_sale_block_yellow_content img {
    padding-right: 22px;
    position: absolute;
    margin-left: 0;
}

.cashback_sale_block_yellow_content_2 {
    padding-left: 37px;
    margin-top: 2px;
}

.cashback_sale_block_yellow_content_2 span {
    font-size: 14px;
    line-height: 21px;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .cashback_sale_block_yellow {
        margin-top: 30px;
        padding: 20px;
    }

    .cashback_sale_block_yellow_title {
        font-size: 19px;
        line-height: 27px;
    }

    .cashback_sale_block_yellow_example {
        font-size: 15px;
        line-height: 24px;
        margin-top: 18px;
    }

    .cashback_sale_block_yellow_content {
        font-size: 15px;
        line-height: 24px;
        padding-top: 10px;
    }

    .cashback_sale_block_yellow_content span {
        font-size: 12px;
        line-height: 18px;
        padding-left: 10px;
    }

    .cashback_sale_block_yellow_content_2 span {
        font-size: 12px;
        line-height: 18px;
        padding-left: 10px;
    }

    .cashback_bonus_points_block__overflow {
        font-size: 15px;
        line-height: 24px;
    }

    .cashback_bonus_points_block__balance {
        padding-top: 40px;
        padding-bottom: 15px;
        font-size: 19px;
        line-height: 26px;
    }

    .cashback_bonus_points_block__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cashback_how_to_spend_block__overflow {
        font-size: 15px;
        line-height: 24px;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cashback_how_to_spend_block__terms {
        padding: 20px 20px 0 20px;
    }

    .cashback_how_to_spend_block__terms_title {
        font-size: 19px;
        line-height: 38px;
        padding-bottom: 12px;
    }

    .cashback_how_to_spend_block__terms li {
        font-size: 15px;
    }

    .cashback_how_to_spend_block__pay_center {
        display: block;
    }

    .cashback_how_to_spend_block__pay_left {
        display: none;
    }
}

.page-main .why_reasons {
    display: flex;
    margin-bottom: 46px;
}

@media all and (max-width: 768px) {
    .page-main .why_reasons {
        margin-bottom: 32px;
    }
}

.page-main .why_reasons__reason {
    width: 33.33%;
}

.page-main .why_reasons__reason h2 {
    line-height: unset;
    margin: 0;
}

.page-main .why_reasons__reason span {
    font-weight: 600;
    font-size: 17px;
    line-height: 49px;
    color: #1D2431;
}

@media all and (max-width: 767px) {
    .page-main .why_reasons {
        flex-wrap: wrap;
    }
    .page-main .why_reasons__reason {
        width: 100%;
    }
}

@media all and (min-width: 1680px) {
    .page-main .why_top {
        padding-bottom: 1px;
    }
}

@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url("/wp-content/themes/webbankir/fonts/v2/Roboto-Regular.woff2") format("woff2"), url("/wp-content/themes/webbankir/fonts/v2/Roboto-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

.promo-banner-sbp {
    padding: 26px 36px;
    background-color: #234663;
    height: 155px;
    font-family: Roboto;
    position: relative;
    overflow: hidden;
}

.promo-banner-sbp img {
    position: absolute;
    height: 149px;
    right: 0;
    bottom: -1px;
    display: block;
}

.promo-banner-sbp-title-1 {
    color: #FFDE52;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
}

.promo-banner-sbp-title-2 {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
}

.promo-banner-sbp-title-3 {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    padding-top: 7px;
}

@media (max-width: 1679px) {
    .promo-banner-sbp {
        padding-top: 36px;
    }

    .promo-banner-sbp-title-1 {
        font-size: 28px;
    }

    .promo-banner-sbp-title-2 {
        font-size: 20px;
    }

    .promo-banner-sbp-title-3 {
        font-size: 14px;
    }
}

@media (max-width: 520px) {
    .payments {
        margin-bottom: 34px;
    }

    .promo-banner-sbp {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        border-radius: 0 0 5px 5px;
        height: 140px;
    }

    .promo-banner-sbp img {
        height: 140px;
    }

    .promo-banner-sbp-title-1 {
        font-size: 24px;
    }

    .promo-banner-sbp-title-2 {
        font-size: 16px;
    }

    .promo-banner-sbp-title-3 {
        font-size: 12px;
    }
}

@media (max-width: 492px) {
    .promo-banner-sbp {
        height: 120px;
        padding-top: 28px;
        padding-left: 30px;
    }

    .promo-banner-sbp img {
        height: 120px;
        padding-right: 16px;
    }

    .promo-banner-sbp-title-1 {
        font-size: 22px;
    }

    .promo-banner-sbp-title-2 {
        font-size: 14px;
    }

    .promo-banner-sbp-title-3 {
        font-size: 11px;
    }
}

@media (max-width: 425px) {
    .promo-banner-sbp {
        height: 103px;
        padding-top: 17px;
    }

    .promo-banner-sbp img {
        height: 103px;
        padding-right: 16px;
    }

    .promo-banner-sbp-title-1 {
        font-size: 18px;
    }

    .promo-banner-sbp-title-2 {
        font-size: 14px;
        width: 47%;
    }

    .promo-banner-sbp-title-3 {
        font-size: 10px;
        padding-top: 2px;
    }
}

@media (max-width: 375px) {
    .promo-banner-sbp-title-2 {
        width: 65%;
    }
}

@media (max-width: 445px) {
    .cashback_how_to_spend_block__pay_left img, .cashback_how_to_spend_block__pay_center img {
        width: 100%;
    }
}

.repay_hint_message {
    font-size: 14px;
    color: #686D81;
    background: #ffffff;
    height: 50px;
    line-height: 100%;
    align-items: center;
    display: flex;
    padding-left: 38px;
    padding-right: 38px;
    border-top: 1px solid #EEF1F7;
}

@media (max-width: 492px) {
    .repay_hint_message {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 520px) {
    .payments {
        margin-bottom: 34px;
    }
}

.sbp-banner-repay {
    border-radius: 20px;
    background: url(/wp-content/themes/webbankir/img/v2/sbp_promo_logo.png) left top no-repeat, linear-gradient(107.3deg, #3F01AA 26.08%, #2E14B5 41.48%, #8444ED 73.32%);
    background-size: contain;
    display: grid;
    grid-template-columns: 60% 40%;
    max-height: 155px;
    padding: 20px 40px;
    cursor: pointer;
}
.sbp-banner-repay__left {
    text-align: left;
}
.sbp-banner-repay__left_title {
    font-family: Manrope;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0;
    text-align: left;
    text-shadow: 0 0 20px #FEBF2FB2;
    color: #FFDE52;
    margin-bottom: 10px;
}
.sbp-banner-repay__left_desc {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0;
    text-align: left;
    color: #FFFFFF;
}
.sbp-banner-repay__right {
    display: flex;
    justify-content: right;
    align-items: center;
    padding-right: 50px;
}
.sbp-banner-repay__right a {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 600;
    background: #FFDE52;
    border-radius: 90px;
    border: 1px solid transparent;
    padding: 18px;
    text-align: center;
    color: #1D2431;
    text-decoration: none;
    height: 70px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    width: 264px;
}
.sbp-banner-repay__right a:hover {
    background: #FFCC00;
    -webkit-box-shadow: 1px 1px 2px rgba(255, 224, 0, 0.3), -1px -1px 2px rgba(230, 184, 0, 0.5), inset -5px 5px 10px rgba(230, 184, 0, 0.2), inset 5px -5px 10px rgba(230, 184, 0, 0.2), inset -5px -5px 10px rgba(255, 224, 0, 0.9), inset 5px 5px 13px rgba(230, 184, 0, 0.9);
    box-shadow: 1px 1px 2px rgba(255, 224, 0, 0.3), -1px -1px 2px rgba(230, 184, 0, 0.5), inset -5px 5px 10px rgba(230, 184, 0, 0.2), inset 5px -5px 10px rgba(230, 184, 0, 0.2), inset -5px -5px 10px rgba(255, 224, 0, 0.9), inset 5px 5px 13px rgba(230, 184, 0, 0.9);
}
@media (max-width: 1279px) {
    .sbp-banner-repay__left_title {
        font-size: 30px;
        line-height: 31px;
    }
    .sbp-banner-repay__left_desc {
        font-size: 20px;
        line-height: 24px;
    }
    .sbp-banner-repay__right {
        padding-right: unset;
    }
    .sbp-banner-repay__right a {
        width: 198px;
        height: 50px;
        padding: 12px;
        font-size: 21px;
    }
}
@media (max-width: 767px) {
    .repay_banner .container {
        --gap: 0;
    }
    .sbp-banner-repay {
        border-radius: 0;
        padding: 20px 28px;
        background: url(/wp-content/themes/webbankir/img/v2/sbp_promo_logo_mobile.png) left top no-repeat, radial-gradient(89.84% 442.75% at 84.06% -21.35%, #8444ED 0%, #4331A3 37.1%, #321C99 100%);

    }
    .sbp-banner-repay__left_title {
        font-size: 24px;
        line-height: 17px;
    }
    .sbp-banner-repay__left_desc {
        font-size: 17px;
        line-height: 22px;
    }
    .sbp-banner-repay__right a {
        width: 138px;
        height: 41px;
        padding: 8px;
        font-size: 16px;
    }
}
@media (max-width: 585px) {
    .sbp-banner-repay {
        min-height: 103px;
    }
    .sbp-banner-repay__left_title {
        font-size: 18px;
        line-height: 21px;
    }
    .sbp-banner-repay__left_desc {
        font-size: 16px;
        line-height: 15px;
    }
    .sbp-banner-repay__right a {
        width: 133px;
        height: 35px;
        padding: 5px;
        font-size: 16px;
    }
}
@media (max-width: 425px) {
    .sbp-banner-repay {
        padding: 20px;
    }
    .sbp-banner-repay__left_title {
        font-size: 16px;
    }
    .sbp-banner-repay__left_desc {
        font-size: 14px;
    }
}
@media (max-width: 375px) {
    .sbp-banner-repay__left {
        max-width: 140px;
    }
}

/* Доработка по задачи 316648 */

.review-text-custom{
    gap: 40px;
}

.review-text__custom{
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
}

.review-text__custom .text-review__left{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;

}

.review-text__custom .text-review__left p:not(#single-rate){
    grid-column: 1 / span 2;
}