.main {
    width: 1300px;
    margin: 50px 0;
}

.wrap {
    display: flex;
}

    .wrap .no-gutters {
        width: 29%;
    }

    .wrap .section-box {
        width: 71%;
    }
    .section-box #deposit{
        width: max-content;
    }
.title {
    font-family: Ubuntu-bold;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #2C3537;
    margin-bottom: 20px;
}

.scroll {
    min-width: 461px;
    overflow: scroll;
}

    .scroll::-webkit-scrollbar {
        width: 6px;
    }

    .scroll:hover::-webkit-scrollbar {
        width: 6px;
        background: transparent;
    }

    .scroll:hover::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .scroll:hover::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        background: #f1f2f2
    }

.depositCover {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    background: gray;
    padding: 15px 20px;
    border-radius: 8px;
    margin: 0 20px 20px 0;
    cursor: pointer;
    height: 243px;
    width: 300px;
    /*background-image: url(../Images-baspana/deposit_container_big01.png);*/
}

.depositAqyl {
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    display: flex;
    border-radius: 12px;
    background: linear-gradient(123deg, #4D9AF6 -2.33%, #0054B6 94.24%) !important;
    box-shadow: 0px 10px 30px 0px rgba(0, 29, 73, 0.25);
    gap: 5px;
    padding: 16px 20px;
    justify-content: space-between;
    height: 243px;
    width: 300px;
}

    .depositAqyl.childDepositCover {
        position: relative;
        background: #FFAE1D !important;
    }

.militaryIcon {
    position: absolute;
    right: 0px;
    bottom: 15px;
}

.slick-slide img.militaryIcon {
    width: max-content;
    height: max-content;
}

.childDepositCover:before, .childDepositCover:after {
    position: absolute;
    width: 42px;
    height: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    content: '⦁';
    color: white;
    font-size: 50px;
    text-align: center;
    line-height: 22px;
}

.childDepositCover:before {
    bottom: 100%;
    left: 20%;
    background: #FFAE1D;
}

.childDepositCover:after {
    bottom: 100%;
    right: 20%;
    background: #FFAE1D;
}

.slick-track > .depositCover {
    margin: 0 10px 45px 0;
}

    .slick-track > .depositCover.childDepositCover {
        margin: 25px 0 0 10px;
        margin-bottom: 40px;
    }


.titlel {
    display: flex;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 9px;
    justify-content: space-between;
    gap: 10px;
}

    .titlel p {
        font-family: Ubuntu-bold;
        margin-left: auto;
    }

.imgWrap {
    margin-left: auto;
}

.depositsSubStatuses {
    display: flex;
    gap: 6px;
    width: 100%;
    margin-top: 10px;
    flex-wrap: wrap;
}

.gosReward {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 30.6542px 35.1402px -11.9626px rgb(62 83 87 / 29%);
    border-radius: 11px;
    text-align: center;
    width: max-content;
    padding: 3.5px 20px;
    margin: 0;
}

    .gosReward p {
        font-size: 11px !important;
        line-height: 13px;
    }

.sumProgress {
    display: flex;
    margin-top: 10px;
}

.sum {
    font-family: Ubuntu-bold;
    font-size: 26px;
    line-height: 30px;
}

.progress-circle {
    stroke-dasharray: 139;
    stroke-dashoffset: 139;
}

.loading {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.cirProg {
    margin: 5px 10px 0 0;
}

.accum {
    width: 148px;
    margin-left: 10px;
}

.resuide {
    margin-top: 5px;
}

.zalyshka {
    margin: 11.5px 0px;
}



.backgroundCover1 {
    background: linear-gradient( 115deg, #FF9797 0%, #0F0068 100%), linear-gradient( 245deg, #A8FFE5 0%, #0500FF 100%), radial-gradient(100% 225% at 100% 0%, #FF003D 0%, #00004C 100%), radial-gradient(90% 160% at 0% 100%, #E42C64 0%, #E42C64 30%, #614AD3 calc(30% + 1px), #614AD3 60%, #2D248A calc(60% + 1px), #2D248A 70%, #121B74 calc(70% + 1px), #121B74 100%), linear-gradient( 100deg, #48466F 9%, #48466D 35%, #3D84A8 calc(35% + 1px), #3D84A8 65%, #46CDCF calc(65% + 1px), #46CDCF 70%, #ABEDD8 calc(70% + 1px), #ABEDD8 100%);
    background-blend-mode: overlay, overlay, overlay, overlay, normal;
}



.backgroundCover2 {
    background: linear-gradient(48.24deg, #ff79c5 13%, rgba(255, 255, 255, 0) 53%), linear-gradient(338.15deg, #00c3d7 0%, rgba(255, 255, 255, 0) 69%), radial-gradient(circle at 14% 35%, #ff53a5 38.92%, rgba(255, 255, 255, 0) 38%), radial-gradient(ellipse at 81% 0%, #007396 33%, rgba(255, 255, 255, 0) 27%), conic-gradient(from 121.51deg at 50% 50%, rgba(255, 255, 255, 0) 45.12%, #006977 49%), linear-gradient(322.22deg, #4ac1ff 16%, #ff38bc 52%);
    background-blend-mode: overlay, overlay, normal, normal, normal, normal;
}


.backgroundCover3 {
    background: linear-gradient(235deg, #FFFFFF 0%, #000F25 100%), linear-gradient(180deg, #6100FF 0%, #000000 100%), linear-gradient(235deg, #FFA3AC 0%, #FFA3AC 40%, #00043C calc(40% + 1px), #00043C 60%, #005D6C calc(60% + 1px), #005D6C 70%, #00C9B1 calc(70% + 1px), #00C9B1 100%), linear-gradient(125deg, #FFA3AC 0%, #FFA3AC 40%, #00043C calc(40% + 1px), #00043C 60%, #005D6C calc(60% + 1px), #005D6C 70%, #00C9B1 calc(70% + 1px), #00C9B1 100%);
    background-blend-mode: soft-light, screen, darken, normal;
}

.backgroundCover4 {
    background: linear-gradient(235deg, #BABC4A 0%, #000000 100%), linear-gradient(235deg, #0026AC 0%, #282534 100%), linear-gradient(235deg, #00FFD1 0%, #000000 100%), radial-gradient(120% 185% at 25% -25%, #EEEEEE 0%, #EEEEEE 40%, #7971EA calc(40% + 1px), #7971EA 50%, #393E46 calc(50% + 1px), #393E46 70%, #222831 calc(70% + 1px), #222831 100%), radial-gradient(70% 140% at 90% 10%, #F5F5C6 0%, #F5F5C6 30%, #7DA87B calc(30% + 1px), #7DA87B 60%, #326765 calc(60% + 1px), #326765 80%, #27253D calc(80% + 1px), #27253D 100%);
    background-blend-mode: overlay, lighten, overlay, color-burn, normal;
}

.backgroundCover5 {
    background: conic-gradient(from 158.15deg at 86% 36%, #1b5fc3 24%, rgba(255, 255, 255, 0) 22%), conic-gradient(from 320.63deg at 44% 95%, rgba(255, 255, 255, 0) 78%, #0ec6c0 100%), conic-gradient(from 94.43deg at 86% 36%, #06288a 18%, rgba(255, 255, 255, 0) 17%), conic-gradient(from 145.4deg at 86% 36%, #00edd8 0%, #003f6c 99%);
    background-blend-mode: normal, normal, normal, normal;
}

.backgroundCover6 {
    background: conic-gradient(from 49.83deg at 54% 30%, #1a7bce 0%, rgba(255, 255, 255, 0) 27%), conic-gradient(from 49.83deg at 54% 30%, rgba(32, 255, 215, 0) 28%, #67b079 61%, #ed8f6e 87%), conic-gradient(from 145.4deg at 54% 30%, #0f686f 0%, rgba(1, 228, 221, 0.57) 22%, #65c0c3 100%);
    ;
}



.titlel .d-flex .dateDep {
    opacity: 60%;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin-left: 15px;
}

.depositWrap {
    display: flex;
}

    .depositWrap .depositInfo {
        background: #FFFFFF;
        border-radius: 8.97196px;
        padding: 15px 28px;
        height: max-content;
    }

        .depositWrap .depositInfo .depositInfoWrap {
            display: flex;
            justify-content: space-between;
            max-height: 0;
            transition: max-height 0.8s ease-in-out;
        }

.familyPackageWrap {
    flex-direction: column;
    margin-left: 34px;
    width: 100%;
}
    .familyPackageWrap .infoWrap {
        width: 100%;
    }

.collapsed {
    transition: max-height 0.8s ease-in-out;
    overflow: hidden;
    max-height: 700px !important;
}

.altContainer {
    display: flex;
}

    .altContainer figure {
        opacity: 1;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        margin-left: 15px;
        padding: 8px;
        position: relative;
        transition: background-color 1s, transform 1s;
        cursor: pointer;
    }

        .altContainer figure:hover {
            background-color: #99A0A2
        }

.altCode > p {
    opacity: 60%;
}

.depositWrap .partDepInfo {
    width: 48%;
    overflow: hidden;
    margin-top: 20px;
}

    .depositWrap .partDepInfo .info {
        margin-bottom: 10px;
    }

        .depositWrap .partDepInfo .info .gtxt {
            font-family: Ubuntu;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 14px;
            color: #99A0A2;
        }

        .depositWrap .partDepInfo .info .btxt {
            font-family: Ubuntu;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 16px;
            color: #2C3537;
        }

.depositInfo .infoHeader .text, .infoWrap .operations .text {
    font-family: Ubuntu-bold;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #2C3537;
}

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

    .depositInfo .infoHeader .toggleInfo {
        font-family: Ubuntu;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        text-align: right;
        color: #2C3537;
        cursor: pointer;
        display: flex;
    }



.noMargin {
    margin-bottom: 0;
    transition: margin-bottom 0.5s ease-in-out;
}

.operations {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 27px 23px;
    margin: 40px 0;
}

.wrapOper .nameWrap {
    width: 70%
}

    .wrapOper .nameWrap .name {
        font-family: Ubuntu;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #2C3537;
    }

    .wrapOper .nameWrap .date {
        font-family: Ubuntu;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        color: #878A8A;
        margin-top: 7px;
    }

.wrapOper .creditSum {
    width: 30%;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: #008F91;
}

.wrapOper .debitSum {
    width: 30%;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: #D34B46;
}

.operationWrap {
    margin-bottom: 24px;
}

.depositDetail .depositCover {
    width: 349px;
    cursor: default;
}

    .depositDetail .depositCover .depositNumber {
        font-family: Ubuntu;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 11px;
        letter-spacing: 0.005em;
    }

    .depositDetail .depositCover .gosReward {
        padding: 7px 21px;
        border-radius: 13.5484px;
        font-size: 12px;
        line-height: 14px;
    }

.progressSvg .progress-circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.depositDetail .depositCover .altCode > p {
    opacity: 60%;
}

.depositDetail .depositCover .cirProg {
    margin: 0 50px 0 0;
}

.depositDetail .depositCover .loading {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}

.depositDetail .depositCover .accum {
    margin: 5px 0 0 10px;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    width: auto;
}

.depositDetail .depositCover .sum {
    font-size: 28px !important;
    line-height: 32px;
}

.wrapOper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

    .wrapOper img {
        margin: 3px 18px 0 0;
        width: 32px;
        height: 32px;
    }

#first[type="checkbox"] {
    display: none;
}

.plusminus {
    position: relative;
    width: 15px;
    height: 15px;
    margin-left: auto;
    cursor: pointer;
}

    .plusminus span:nth-child(1) {
        display: block;
        position: absolute;
        margin: 0 4px;
        width: 7px;
        height: 1px;
        border-radius: 1px;
        background: #2C3537;
        top: calc(50% - 1px);
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .plusminus span:nth-child(2) {
        display: block;
        position: absolute;
        margin: 4px 0;
        width: 1px;
        height: 7px;
        border-radius: 1px;
        background: #2C3537;
        left: calc(50% - 1px);
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

#first:checked ~ .plusminus span:nth-child(1) {
    background: #2C3537;
}

#first:checked ~ .plusminus span:nth-child(2) {
    background: #2C3537;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.section-box .depositCover:hover {
    box-shadow: 0px 30px 35px -11px #C7C9C9;
}

.childDepositCover {
    position: relative;
}

    .childDepositCover img {
        display: block;
        margin: 0 auto;
        height: auto;
    }

    .childDepositCover:before,
    .childDepositCover:after {
        position: absolute;
        width: 42px;
        height: 22px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
        content: '⦁';
        color: white;
        font-size: 50px;
        text-align: center;
        line-height: 22px;
    }

    .childDepositCover:before {
        bottom: 100%;
        left: 20%;
    }

    .childDepositCover:after {
        bottom: 100%;
        right: 20%;
    }

.childDepositCover1 {
    background-color: #F6AE2E;
}

    .childDepositCover1:after, .childDepositCover1:before {
        background-color: #F6AE2E;
    }

.childDepositCover2 {
    background-color: #91BBD7;
}

    .childDepositCover2:after, .childDepositCover2:before {
        background-color: #91BBD7;
    }

.childDepositCover3 {
    background-color: #F04F49;
}

    .childDepositCover3:after, .childDepositCover3:before {
        background-color: #F04F49;
    }

.childDepositCover4 {
    background-color: #282B7A;
}

    .childDepositCover4:after, .childDepositCover4:before {
        background-color: #282B7A;
    }

.childDepositCover5 {
    background-color: #569581;
}

    .childDepositCover5:after, .childDepositCover5:before {
        background-color: #569581;
    }

.childDepositCover6 {
    background-color: #F8895F;
}

    .childDepositCover6:after, .childDepositCover6:before {
        background-color: #F8895F;
    }

.depositFilter {
    position: relative;
}

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

    .choiceWrap .choiceWrapper {
        display: flex;
        margin-right: 56px;
        align-items: baseline;
        cursor: pointer;
    }

.choiceWrapper .text {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #878A8A;
    margin-right: 8px;
}

.choiceWrapper .count {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #878A8A;
}

.filterUnderline {
    margin-top: -2px;
    height: 0.2rem !important;
    background: #2C3537 !important;
    opacity: 1;
    position: absolute;
    transition: transform 0.5s ease-in-out;
    left: 0;
    width: 42px;
}
#deposits-content .section-box{
    gap:14px;
}

.generalDeposits, .childDeposits, #mobileGeneral {
    overflow-x: clip;
    position: relative;
}

.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 0px 4.48673px 11.9646px rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    border: none;
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: 50%;
}

.block-loyalty-main {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(89deg, #0AA4A6 1.09%, #55D1D3 98.91%);
    box-shadow: 0px 4px 30px 0px rgba(0, 29, 73, 0.17);
}

.block-loyalty-text-block {
    gap: 14px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.block-loyalty-text-sale {
    padding: 4px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    background: #25B4B6;
    box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.07);
}

.loaylty-club-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: white;
}

.title-settings {
    display: flex;
    gap: 15px;
    align-items: center;
}

.fa-angle-left, .fa-angle-right {
    color: white;
}

.slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.slick-slide:not(.slick-active) {
    opacity: 0;
}

.choiceWrapper .currentChoice {
    font-family: Ubuntu-bold;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #2C3537;
}

.depositCover .depositNumber {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: #FFFFFF;
}

.fade-enter-active {
    transition: all .3s ease-out;
}

.fade-leave-active {
    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.fade-enter-from,
.fade-leave-to {
    transform: translateX(10px);
    opacity: 0;
}

.autoPays {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 15px 20px;
    width: 92.5%;
}

.autoPayTitle {
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-size: 15px;
    line-height: 17px;
    color: #2C3537;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.paysWrap {
    height: 0px;
    overflow: hidden;
    transition: height 0.4s ease-in-out;
}

.autoPayTitle img {
    transform: rotate(90deg);
    transition: transform 0.4s;
}

.allOperBtn img {
    transform: rotate(90deg);
    transition: transform 0.4s;
}

.rotated {
    transform: rotate(270deg) !important;
}

.paySumWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.autoPayWrap {
    background: #F9F9FE;
    border: 1px solid #4C58CC;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 18px 14px;
    margin: 14px 0 10px;
}

.paySum {
    font-family: Ubuntu-bold;
    font-style: normal;
    font-size: 20px;
    line-height: 23px;
    color: #2C3537;
}

.cancelAutoPay {
    background: #2C3537;
    border-radius: 28px;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #FFFFFF;
    padding: 7px 11px;
    cursor: pointer;
}

.plainTxt {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #878A8A;
    margin-top: 8px;
}

.operBtn {
    border-radius: 6px;
    height: 38px;
    display: flex;
    padding: 9px 11px;
    align-items: center;
    margin-bottom: 9px;
    cursor: pointer;
}

    .operBtn:hover {
        background: #F1F1F1;
    }

        .operBtn:hover .operTxt {
            font-family: Ubuntu-Bold;
        }

.operImg {
    width: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.operTxt {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #2C3537;
}

.operSpan {
    position: absolute;
    background: #F2C94C;
    border-radius: 16.5px;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 5px 13px;
    bottom: 75%;
    right: 5%;
}

.buttonOperWrap {
    width: 349px;
    margin-bottom: 18px;
    transition: height 0.4s ease-in-out;
    overflow: hidden;
    height: 48px;
}

.allOperBtn.epaymentblocks {
    margin-bottom: 18px;
    width: 94%;
}

@media(max-width:1200px) {
    .allOperBtn.epaymentblocks {
        display: none;
    }
}

.allOperBtn {
    background: #FFFFFF;
    border-radius: 8px;
    height: 48px;
    padding: 15px 20px;
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-size: 15px;
    line-height: 17px;
    color: #2C3537;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.allOperWrap {
    background: #FFFFFF;
    box-shadow: 0px 26px 30px -10px rgb(62 83 87 / 12%);
    border-radius: 8px;
    padding: 9px 11px 1px;
    margin-top: 6px;
}

.mb-18px {
    margin-bottom: 18px;
}

.flatpickr-calendar.open {
    margin: 340px 365px 0px auto !important;
}

@media screen and (max-width: 1200px) {
    .arrestSomething.deposAfter {
        width: 100% !important;
        margin-top: 20px;
    }

    .main {
        margin-top: 110px;
        padding: 0 15px;
    }

    .breadcrumb {
        display: none;
    }

    .wrap {
        width: 100%;
    }

        .wrap .section-box {
            width: 100%;
        }

    .depositCover {
        width: 100%;
        height: 222px;
        margin: 15px 0;
    }

        .depositCover .dateDep {
            opacity: 60%;
            font-size: 11px;
            line-height: 13px;
        }

        .depositCover .sumProgress {
            align-items: flex-end;
        }

        .depositCover .accum .sum {
            font-size: 24px !important;
            line-height: 28px;
        }

    #allDeposits, #allDep {
        display: none;
    }

    .filterUnderline {
        width: 103px;
    }

    .depositFilter {
        margin-bottom: 20px;
    }

    .depositWrap {
        display: block;
        margin: 0;
        width: 100%;
    }

        .depositWrap .infoWrap {
            display: none;
        }

        .depositWrap .depositDetail .depositCover {
            margin: 0;
            height: max-content;
            width: 100%;
        }

        .depositWrap .depositCover .sumProgress {
            align-items: center;
            margin: 0;
        }

    .autoPays {
        width: 100%;
        margin-top: 40px;
    }

    .buttonOperWrap {
        display: none;
    }

    .scroll {
        min-width: 400px;
    }
}

@media(max-width:1200px) {

    .loaylty-club-text {
        display: none;
    }
    /*.modal-backdrop.fade.show {
        display: none !important;
    }*/
    div#exampleModalIpotekaOnline {
        z-index: 9999 !important;
    }
}

.TitleBlocks {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

a.OpenButtons { /* Tangerine */
    background: #F05E22;
    border-radius: 6px;
    color: white !important;
    height: max-content;
    padding: 9px 20px;
}

.OpenButtonsArested {
    background-color: #A9A9A9;
    color: white !important;
    border: 1px solid #A9A9A9;
    border-radius: 6px;
    color: white !important;
    height: max-content;
    padding: 9px 20px;
    cursor: pointer;
}

.withoutCursor.depositCover {
    cursor: default;
}





.DepositBlock--uslovie ul li::before {
    display: none;
}

div.OpenButtons {
    display: flex;
    align-items: center;
    gap: 11px;
    /* align-items: center; */
}

.text-red {
    color: var(--Error, #ED3A32);
}

.linkToArrest {
    color: var(--Dark, #333839);
    text-align: center;
    /* Link */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    text-decoration-line: underline;
    cursor: pointer;
}

.whiteImportant {
    color: white !important;
}

.arrested {
    border-radius: 40px;
    background: var(--Error, #ED3A32);
    display: flex;
    height: 24px;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    color: white !important;
}

.arrestSomething {
    border-radius: 8px;
    border: 1px solid var(--Error, #ED3A32);
    background: var(--Light-red, #FFEFEE);
    display: flex;
    padding: 15px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    justify-content: space-between;
    align-items: center;
}

    .arrestSomething.deposAfter {
        width: 349px;
        margin-bottom: 20px;
    }

#arrestModal .modal-dialog .modal-content {
    height: max-content;
}

.mb-20px {
    margin-bottom: 20px;
}

.new-deposit-icon-wrapper {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 12px;
}
.new-deposit-button {
    background: #FF6B35;
    color: #FFFFFF;
    border-radius: 8px;
    padding: 4px 16px;
    font-family: Ubuntu-Medium;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    cursor: pointer;
    height: 50px;
}