.irs--round .irs-min, .irs--round .irs-max {
    margin-top: 0.625rem;
    background: #fff;
    background: rgba(40, 51, 78, 0.61);
    color: #fff;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(187, 187, 187, 0.34);
}

.donate-bns {
    color: #28334e9c;
    box-shadow: 0 0 0.3125rem -0.0625rem;
    background: #fff;
}

:is(.dark .donate-bns) {
    background-color: #28334e9c;
    box-shadow: 0 0 0.25rem -0.0625rem rgba(187, 187, 187, 0.34);
    color: white;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    color: #28334e9c;
    box-shadow: 0 0 0.3125rem -0.0625rem;
    background: #fff;
}

:is(.dark .irs-single) {
    background-color: rgba(77, 24, 104, 0.45);
    box-shadow: 0 0 0.25rem 0.0625rem rgba(187, 187, 187, 0.34);
    color: white;
}

:is(.dark .irs-max) {
    background: rgba(40, 51, 78, 0.61);
    color: #fff;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(187, 187, 187, 0.34);
}

:is(.dark #bonus_sum) {
    background: rgba(40, 51, 78, 0.61);
    color: #fff;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(187, 187, 187, 0.34);
}

#bonus_sum {
    color: #28334e9c;
    box-shadow: 0 0 0.3125rem -0.0625rem;
    background: #fff;
}


.payment-img {
    cursor: pointer;
    border: 0.125rem solid transparent;
    transition: border-color, transform 0.3s ease;
    box-shadow: 0 0 0.3125rem 0.0625rem;
    border-radius: 0.3125rem;
    height: 3.9375rem;
    min-width: 9.0625rem;
    max-width: 8.9375rem;
    color: #28334e9c;
    opacity: 1;
}

.card_pic1 {
    position: relative;
}

.flip_card_text {
    top: 0;
    position: absolute;
    padding: 0.3125rem 0.9375rem;
}

.card_frame {
    max-width: 100%;
    width: 100%;
}

input[type="radio"]:checked + img {
    opacity: .8;
    box-shadow: 0 0 0.3125rem 0.0625rem;
    transition: all .5s ease;
    background: #4e4e4e;
    cursor: default;
    pointer-events: none;
}

:is(.dark .payment-img) {
    cursor: pointer;
    border: 0.125rem solid transparent;
    transition: border-color 0.3s ease;
    background: transparent;
    border-radius: 0.3125rem;
    height: 3.9375rem;
    box-shadow: 0 0 0.0625rem 0.0625rem #ffffff2b;
    opacity: .5;
}

:is(.dark input[type="radio"]:checked + img) {
    opacity: 1;
    transition: all .5s ease;
    cursor: default;
    pointer-events: none;
    border-color: #fff;
}

.main_li_donate > li {
    list-style: disc;
    margin-left: 1.25rem;
}

@media (max-width: 79.875rem) {
    .grid-container {
        display: flex !important;
        justify-content: center !important;
        gap: 0.9375rem !important;
        flex-wrap: wrap !important;
    }

    .payment-img {
        justify-content: center;
    }
}

.grid-item {
    text-align: center !important;
}

.payment-imgs{
    cursor: pointer;
    border: 0.125rem solid transparent;
    opacity: .4;
    border-radius: 0.125rem;
    transition: all .5s ease!important;
    max-width: 10.625rem;
}
.payment-imgs.active{
    cursor: default;
    pointer-events: none;
    opacity: .8;
}
:is(.dark .payment-imgs.active){
    opacity: 1;
    background: transparent;
}
.payment-method-details {
    background: transparent;
    padding: 0.625rem;
}
.currency-btn {
    transition: transform 0.3s ease;
    will-change: transform;
}
.currency-btn.active {
    transform: scale(1.02);
}
@media (max-width: 50rem) {
    .irs-single {
        display: none !important;
    }
}