.select_predefiend_donation {
    display: flex;
    align-items: center;
    /*gap: 20px;*/
    flex-wrap: wrap;
}
.donation_containar {
    margin-bottom: 10px;
    margin-top: 10px;
}
.dot_text_section_repsonse{
    display: none;
}
.fixed-donation-error{
    display: none;
    color: red;
    font-size: 20px;
}

/*.other_cusmiz_percentag.check_dot {
    display: block;
}*/

/*.other_cusmiz_percentag {
    display: none;
}*/

.dot-loader {
    display: none;
    width: 24px;
    height: 24px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-top: 10px; /* optional spacing */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.sel_price_inner {
    margin: 10px;
    display: flex;
    gap: 5px;
}

.loader {
    border: 4px solid #f3f3f3; /* Light gray */
    border-top: 4px solid #000000; /* Blue color */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

/* Animation for spinning the loader */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.sel_price_inner input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.sel_price_inner label {
        display: inline-block;
    font-family: sans-serif, Arial;
    /*border: 2px solid #444;*/
    border-radius: 4px;
    cursor: pointer;
}



.sel_price_inner input[type="radio"]:focus + label {
    border: 1px solid #444;
}
.dot_text_section {
    margin-bottom: 10px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
input[type="submit"].sel_remove_btn {
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
}
input[type="submit"].add_cus_dot {
    margin-right: 8px;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
}

input[type="submit"].add_donation_btn {
    /*margin-right: 8px;*/
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
}
input[type="submit"].add_dropdown_val_btn {
    margin-right: 8px;
    margin-left: 8px;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
}
select#dot_sel_price,
select#dot_rates_type {
    padding: 10px 20px 10px 10px;
    cursor: pointer;
        height: auto;
        width: auto;
}

input#fixed_donation_prices,
input#cus_donation_price {
    padding: 10px 20px 10px 10px;
        width: auto;
}

.other_cusmiz_percentag {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sel_price_inner input[type="radio"]:checked + label {
    border: 0;
}

@media (max-width:767px) {
    .select_predefiend_donation {
        display: flex;
         gap: 6px; 
        flex-direction: column;
        padding-bottom: 15px;
        align-items: center;
    }
    .sel_price_inner label {
        margin-bottom: 5px;
    }
    .sel_price_inner{
        flex-wrap: wrap;
    }
    .other_cusmiz_percentag{
        flex-wrap: wrap;
        justify-content: space-around;
    }
}