:root {
    --border-radius-20: 1.25rem;
    --border-radius-30: 1.875rem;
    --font-accent-22: 500 1.375rem/1.2 var(--default-font-family);
    --font-accent-40: 500 2.5rem/1.2 var(--default-font-family);
    --font-accent-70: 500 4.375rem/1.2 var(--default-font-family);
    --font-body-22: 400 1.375rem/1.17 var(--default-font-family);
    --light-gray: #F2F3F7;
}

.font-accent-22 {
    font: var(--font-accent-22);
    line-height: 1.375rem;
}

.font-accent-40 {
    font: var(--font-accent-40);
    line-height: 2rem;
}

.font-accent-70 {
    font: var(--font-accent-70);
}

.f-body-22 {
    font: var(--font-body-22);
}

.rounded-20 {
    border-radius: var(--border-radius-20);
}

.rounded-top-right-45 {
    border-top-right-radius: 2.8125rem;
}

.p-45 {
    padding: 2.8125rem;
}

.p-48 {
    padding: 3rem;
}

.pl-40 {
    padding-left: 2.5rem;
}

.pr-39 {
    padding-right: 2.4375rem;
}

.pr-54 {
    padding-right: 3.375rem;
}

.pt-25 {
    padding-top: 1.5625rem;
}

.pb-27 {
    padding-bottom: 1.6875rem;
}

.pb-35 {
    padding-bottom: 2.1875rem;
}

.pb-37 {
    padding-bottom: 2.3125rem;
}

.mt-3 {
    margin-top: .1875rem;
}

.mt-5 {
    margin-top: .3125rem;
}

.mt-45 {
    margin-top: 2.8125rem;
}

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

.gap-60 {
    gap: 3.75rem;
}

.gap-y-50 {
    row-gap: 3.125rem;
}

.gap-y-30 {
    row-gap: 1.875rem;
}

.gap-x-45 {
    column-gap: 2.8125rem;
}

@media (max-width: 768px) {
    .gap-30-mobile {
        gap: 1.875rem;
    }
}

.flex-1 {
    flex: 1;
}

.c-white {
    color: var(--white);
}

.bg-gray-1 {
    background-color: var(--light-gray);
}

.bg-stoney-gray {
    background-color: var(--stoney-gray);
}

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

.wr-minobanke {
    width: 23.8125rem;
}

.wr-statobanke {
    width: 49.375rem;
}

.wr-statobanke .cols-3 {
    display: grid;
    grid-template-columns: 10.3125rem 15.4375rem 10.3125rem;
}

.bg-garadient {
    background: linear-gradient(90deg, #049DD9 3.37%, #3AB1FD 96.63%);
}

.wrimg {
    position: relative;
}

.wrimg img {
    position: absolute;
    right: 0;
    bottom: -2.5rem;
    width: 12.125rem;
    height: 12.5rem;
}

.comfort {
    position: relative;
}

.comfort>svg {
    position: absolute;
    top: .75rem;
    right: .6875rem;
}

.min-w-104 {
    min-width: 6.5rem;
}

@media (max-width: 768px) {
    .wr-minobanke {
        width: 100%;
    }

    .wr-statobanke {
        width: 100%;
    }

    .wr-statobanke .cols-3 {
        grid-template-columns: 1fr 1fr;
    }

    .cols-2-mob {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .p-22-mob {
        padding: 1.375rem;
    }

    .ptpb-37-mob {
        padding-top: 2.3125rem;
        padding-bottom: 2.3125rem;
    }

    .gap-25-mob {
        gap: 1.5625rem;
    }

    .gap-x-30-mob {
        column-gap: 1.875rem;
    }

    .gap-y-35-mob {
        row-gap: 2.1875rem;
    }

    .mt-25-mob {
        margin-top: 1.5625rem;
    }

    .bankpredstavlenie {
        flex-wrap: wrap;
    }

    .bankpredstavlenie>div:nth-child(1),
    .bankpredstavlenie>div:nth-child(2) {
        flex: 1 1 0px;
    }

    .comfort>svg {
        width: 3.75rem;
        height: 3.75rem;
    }

    .topobanke {
        --font-h2: 500 1.625rem/1.07 var(--default-font-family);
        --font-body-22: 400 1.125rem/1.17 var(--default-font-family);
        --font-h3: 500 1.25rem/1.08 var(--default-font-family);
        --font-accent-xl: 400 1.125rem/1.2 var(--default-font-family);
        --font-body-l: 400 .875rem/1.22 var(--default-font-family);
        --font-body-m: 400 .875rem/1.25 var(--default-font-family);
        --font-accent-m: 500 .75rem/1.12 var(--default-font-family);
        --font-accent-40: 500 1.5rem/1.2 var(--default-font-family);
        --font-accent-22: 500 1.25rem/1.2 var(--default-font-family);
    }

    .infotop {
        display: flex;
    }
}

@media (max-width: 680px) {
    .wrimg img {
        width: 6.4375rem;
        height: 6.5625rem;
        bottom: auto;
        top: -4rem;
    }
}

@media (max-width: 540px) {
    .pt-52-540 {
        padding-top: 3.25rem;
    }

    .wrimg img {
        top: -5rem;
    }
}

/*Stili dlya vtorogo varianta glavnoy stranicy*/
.header__online-bank {
    padding: .625rem 1rem;
    height: 2.375rem;
    font: var(--font-accent-s);
}

.topBlocksProducts>div {
    min-height: 15rem;
    box-sizing: border-box;
    transition: transform 0.5s ease;
}

.topBlocksProducts>div:hover {
    transform: scale(1.03332);
}

.topBlocksProducts:nth-child(1)>div:nth-child(1) picture,
.topBlocksProducts:nth-child(2)>div:nth-child(1) picture,
.topBlocksProducts:nth-child(2)>div:nth-child(2) picture,
.topBlocksProducts:nth-child(2)>div:nth-child(3) picture {
    flex-flow: wrap-reverse;
}

.topBlocksProducts:nth-child(1)>div:nth-child(1) img {
    margin-bottom: -2rem;
    margin-right: -1.5rem;
    height: 10.8125rem;
    width: auto;
}

.topBlocksProducts:nth-child(1)>div:nth-child(2) img {
    margin-bottom: -1.5rem;
    margin-right: -1.5rem;
}

.topBlocksProducts:nth-child(2)>div:nth-child(1) img {
    width: auto;
    margin-top: -0.3125rem;
    margin-right: -0.5rem;
    margin-bottom: -1.5rem;
}

.topBlocksProducts:nth-child(2)>div:nth-child(2) img {
    /*margin-bottom: -0.75rem;*/
    margin-bottom: -2rem;
    margin-right: -0.563rem;
    height: 8rem;
    width: auto;
}

.topBlocksProducts:nth-child(2)>div:nth-child(3) img {
    margin-bottom: -0.75rem;
    margin-right: 0;
    height: 7.125rem;
    width: auto;
}

.min-w-112 {
    min-width: 7rem;
}

.wrimgn {
    position: relative;
    margin-right: .5rem;
}

.wrimgn img {
    position: absolute;
    right: 0;
    bottom: -1rem;
    width: 7.375rem;
    height: 10rem;
}

.comfort svg {
    fill: linear-gradient(132deg, #646E91 13.7%, #9BAABF 99.4%);
    filter: drop-shadow(0 5.556px 5.556px rgba(0, 0, 0, 0.08));
    -webkit-filter: drop-shadow(0 5.556px 5.556px rgba(0, 0, 0, 0.08));
}

.new-main .calculator .tabs {
    display: flex;
    flex-flow: column;
    align-items: end;
}

.new-main .calculator .tabs:not(.tabs-not-exists) {
    padding-top: inherit;
}

.new-main .calculator .section-title {
    margin-bottom: -3rem;
}

.new-main .calculator .tabs__trigger {
    border-radius: 1.875rem;
    transition: color .15s ease-out, background .15s ease-out, opacity .15s ease-out, filter .15s ease-out, fill .15s ease-out, stroke .15s ease-out, box-shadow .15s ease-out, border-color .15s ease-out;
    padding: .75rem 1.5rem;
    line-height: 1.125rem;
    font: var(--font-accent-m);
}

.new-main .calculator .tabs__trigger._selected {
    background-color: #313131;
}

.new-main .calculator .tabs__trigger:hover {
    background-color: #DFE4EB;
    color: #001A34;
}

.new-main .input-range .noUi-handle {
    background-color: var(--azure);
}

.new-main .input-range .noUi-connect {
    background-color: var(--azure);
}

.new-main .noUi-connect {
    background: var(--azure);
}

.new-main .calculator-form__output-wrapper {
    display: flex;
    flex-flow: column;
    gap: 1.5rem;
}

.new-main .calculator-form__output-val {
    color: #141414;
}

.new-main .calculator-form__output-wrapper .calculator-form__output:nth-child(1) .calculator-form__output-val {
    color: var(--azure);
}

.new-main .calculator-form__output-label {
    margin-bottom: 0.75rem;
}

.new-main .calculator-form__col._result {
    row-gap: 2.5rem;
}

.new-main .calculator-form__buttons {
    flex-flow: column;
    gap: 0.75rem;
    width: 100%;
}

.button._primary,
.btn.lilac {
    --bg-color: var(--azure);
}

.button._primary:hover,
.btn.lilac:hover {
    --bg-color: #007DAB;
}

.button._outlined,
.new-main .btn.green {
    --color: #049DD9;
    --bg-color: #DEF5FF;
    --border: inherit;
}

.button._outlined._secondary {
    --color: var(--electric-purple);
    --bg-color: transparent;
    --border: 1px solid currentColor;
}

.button._outlined._secondary:hover {
    --color: var(--electric-purple-dark);
    --bg-color: var(--azure-light);
}

.p-secondary {
    padding: .875rem 1.5rem;
}

.new-main .calculator-form__col._result .calculator-form__desc {
    margin-top: -1.5rem;
}

.new-main .input-checkbox__input:checked+.input-checkbox__box {
    --bg: #009DD4 url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M1.75%208.4585L5.25%2011.9585L12.25%203.2085%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E);
    opacity: 1;
}

.new-main .input-checkbox:hover .input-checkbox__input:not([disabled]):checked+.input-checkbox__box {
    --bg: #007DAB url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M1.75%208.4585L5.25%2011.9585L12.25%203.2085%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E);
    opacity: 1;
}

.new-main .deposit-input__input {
    height: 4.625rem;
    padding: 0 1rem;
    padding-top: 2.25rem;
    padding-bottom: 1rem;
    font: var(--font-accent-l);
    color: #141414;
    border-radius: 0.5rem 0.5rem 0 0;
}

.new-main .input__input,
.new-main .select__select,
.new-main .new-main .select__select~.ui-selectmenu-button {
    border-radius: 0.5rem;
}

.new-main .deposit-input__label {
    font: var(--font-accent-s);
    z-index: 9;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.new-main .calculator-form__form {
    grid-template-columns: 1fr 43.667%;
    border-radius: 1.25rem;
    background-color: #F8F9FB;
}

.new-main .calculator-form__col._result {
    background-color: #F2F4F7;
}

.new-main .calculator-form__col:nth-child(1) {
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
}

.new-main .tabs__tab-list {
    gap: .25rem;
}

.icon-card__icon {
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
}

@media (max-width: 1000px) {
    .topBlocksProducts:nth-child(2)>div:nth-child(1) img {
        width: 10.0625rem;
        height: 7.75rem;
    }
}


@media (max-width: 950px) {
    .wr-statobanke {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .topobanke {
        --font-h2: 500 1.875rem/1.07 var(--default-font-family);
        --font-h3: 500 1.5rem/1.08 var(--default-font-family);
        --font-body-l: 400 1.125rem/1.22 var(--default-font-family);
        --font-accent-xl: 500 1.25rem/1.2 var(--default-font-family);
        --font-body-m: 400 1rem/1.25 var(--default-font-family);
        --font-accent-m: 500 1rem/1.12 var(--default-font-family);
    }

    .header__online-bank._primary._mobile-outlined {
        --color: var(--azure);
        --border: 1px solid var(--azure);
    }

    .header__services .button._laptop-xs {
        --height: 2.375rem;
        --padding-x: 1rem;
    }

    .banner__mob {
        min-height: 5.25rem;
    }

    .header__online-bank {
        padding: 1rem;
    }

    .mr-4-mobile {
        margin-right: 4px;
    }

    .header__services .button._primary,
    .btn.lilac {
        --bg-color: transparent;
    }

    .topBlocksProducts>div:hover {
        transform: scale(1);
    }
    .img-center-flex {justify-content: center;}
    .topBlocksProducts:nth-child(1)>div:nth-child(1) picture {
        justify-content: center;
    }

    .topBlocksProducts:nth-child(1)>div:nth-child(1) img {
        margin-bottom: -1rem;
        margin-right: inherit;
        height: 11.6875rem;
    }

    .topBlocksProducts:nth-child(1)>div:nth-child(2) picture {
        display: flex;
        justify-content: center;
        margin-top: .75rem;
    }

    .topBlocksProducts:nth-child(1)>div:nth-child(2) img {
        margin-bottom: inherit;
        margin-right: inherit;
        height: 11.0625rem;
    }

    .topBlocksProducts:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
    }
    .topBlocksProducts:nth-child(2)>div:nth-child(1),
    .topBlocksProducts:nth-child(2)>div:nth-child(2) {
        width: calc(50% - 4px);
        min-height: 9.25rem;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(1) h3,
    .topBlocksProducts:nth-child(2)>div:nth-child(2) h3 {
        text-align: center;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(1) p,
    .topBlocksProducts:nth-child(2)>div:nth-child(2) p {
        display: none;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(1) picture {
        flex-grow: 1;
        justify-content: center;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(1) img {
        margin-bottom: -1rem;
        width: auto;
        height: 5.625rem;
        margin: 0 -1rem -1rem -1rem;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(2) picture {
        justify-content: center;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(2) img {
        margin-bottom: -1rem;
        margin-right: inherit;
        height: 5.625rem;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(3) {
        width: 100%;
        min-height: auto;
        flex-flow: row;
    }

    .topBlocksProducts:nth-child(2)>div:nth-child(3) img {
        margin-bottom: 0;
        margin-right: 1rem;
        height: 5.875rem;
    }

    .comfort .icon-card__icon {
        width: 2rem;
        height: 2rem;
    }

    .mob-svg._ico1 {
        width: 1.5481rem;
        height: 1.6rem;
    }

    .mob-svg._ico2 {
        width: 1.875rem;
        height: 1.625rem;
    }

    .mob-svg._ico3 {
        width: 1.55rem;
        height: 1.4rem;
    }

    .wr-statobanke {
        width: 100%;
    }

    .wr-statobanke .nowrap {
        white-space: normal;
    }

    .wrimgn img {
        position: absolute;
        right: 0;
        bottom: -0.75rem;
        width: 5.5625rem;
        height: 7.5rem;
    }

    .new-main .calculator .tabs__trigger {
        padding: .625rem 1.5rem;
        font: var(--font-accent-s);
        line-height: 1.125rem;
    }

    .new-main .calculator {
        background-color: #F8F9FB;
    }

    .new-main .calculator.pt-40-mobile {
        padding-top: 1.5rem;
    }

    .new-main .calculator .section-title {
        margin-bottom: 1.5rem;
    }

    .new-main .calculator-form {
        padding-top: 1.5rem;
    }

    .new-main .tabs__tab-list {
        width: 100%;
        padding: 0.25rem;
        background-color: #F2F4F7;
        overflow: hidden;
    }

    .new-main .calculator .tabs__trigger:hover {
        background-color: #313131;
        color: #ffffff;
    }

    .new-main .deposit-input__label {
        left: 3rem;
        top: 0.75rem;
    }

    .new-main .deposit-input__input {
        padding: 0 3rem;
        padding-top: 1.875rem;
        height: 4rem;
    }

    .new-main .deposit-input__button._counter {
        top: 1.25rem;
    }

    .new-main .deposit-input__button._counter._minus {
        left: 0.75rem;
    }

    .new-main .deposit-input__button._counter._plus {
        right: 0.75rem;
    }

    .new-main .calculator-form__sum {
        margin-bottom: 0;
    }

    .new-main .deposit-input__input-range {
        padding: 0;
    }

    .new-main .calculator-form__col._result {
        border-radius: 1.25rem;
        padding: 1.25rem;
        gap: 1.25rem;
    }

    .new-main .calculator-form__output-wrapper {
        align-items: baseline;
        gap: 1rem;
    }

    .new-main .calculator-form__output {
        display: flex;
        flex-flow: column;
        align-items: baseline;
    }

    .new-main .calculator-form__output-label {
        font: var(--font-accent-s);
        color: #8291AF;
        margin-bottom: .25rem;
    }

    .new-main .calculator-form__output-val {
        font: var(--font-master-h2);
    }

    .new-main .calculator-form__col._result .calculator-form__desc {
        margin-top: -0.5rem;
    }
}

@media (max-width: 462px) {
    .topBlocksProducts:nth-child(1)>div:nth-child(1) img {
        margin-right: -1rem;
        margin-left: -1rem;
    }
}

@media (max-width: 462px) {
    .topBlocksProducts:nth-child(1)>div:nth-child(1) img {
        height: 11.6875rem;
    }

    .topBlocksProducts:nth-child(1)>div:nth-child(2) img {
        height: 11.0625rem;
        width: auto;
    }
}

@media (max-width: 430px) {

    .topBlocksProducts:nth-child(1)>div:nth-child(1) img {
        height: auto;
        width: 120%;
    }
    .topBlocksProducts:nth-child(1)>div:nth-child(2) img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 340px) {
    .header__logo {
        width: 100%;
    }
}