html,body {
    overflow-x: hidden !important;
    font-family: 'Duplet', sans-serif !important;
}

    .title_dark_text{
        color: #444 !important;
        font-size: 1.5em !important;
        font-weight: bold !important;
    }
    label{
        color: #444 !important;
    }
    .amount-row.full-row .amount-button
     {
        width: 100% !important;
    }
    hr {
        margin: 5px 0px 5px 0px !important;
    }
    address#offlineAddress,p.offline-address {
        padding-left: 35px;
    }
    .main-headng {
        font-weight: 700;
        font-style: normal;
        line-height: 1;
        color: #ffffff;
        font-size: 28px;
    }
    label.section_heading {
        color: #333;
        font-weight: 500;
        line-height: 1.3;
        font-size: clamp(1.25rem,.8397435897rem + 1.2820512821vw,1.5rem);
        margin-top: 15px;
        font-family: 'Montserrat'; 
    }
    input.form-input-others{
        width: 48%;
        outline: none;
        font-weight: bold;
        font-size: 21px;
        background-color: #fff;
        border: 0.078rem solid #666;
        border-radius: 0.25rem;
        box-shadow: inset 0 0.08em 0.4em rgb(0 0 0 / 15%);
        color: #828382;
        height: 48px;
        padding: 5px 5px;
        margin-right: 14px;
        text-align: center;
    }
    ul.donation-payment-type {
        padding: 0px;
        list-style-type: none;
    }
    ul.donation-payment-type > li {
        display: block;
        background-color: white;
        font-weight: 400;
        position:relative;
        margin-bottom: 15px;
    }
    .donation-payment-type-list {
        padding: 12px 15px;
        display:flex;
        border: 1px solid #ddd;
    }
     ul.donation-payment-type li input[type="radio"]{
     }
    ul.donation-payment-type li input[type="radio"]:before,.donation-payment-type li input[type="radio"]:after {
    }
    .offlineDonationDetails1 {
        display: block;
    }
    .offlineDonationDetails1 p, .offlineDonationDetails1 li {
        font-size: .9375rem;
        color: #444;
        font-weight: 400;
    }
    .offlineDonationDetails1 pre {
        color: #444;
        font-weight: 400;
        background-color: transparent;
        padding: 0;
    }
    .offlineDonationDetails1 hr {
        color: #444;
    }
    .text-form-new{
        width:100%;
    }
    .form-group label {
        width: 100%;
    }
    .form-group.phone-code-select input {
        width: 67%;
        display: inline-block;
    }
    .form-group.phone-code-select select {
        width: 31%;
        height: 45px;
    }
    .offline-button{
        width: 45%;
    }
    span.select2.select2-container.select2-container--default.country-code-select {
            width: 25% !important;
   }
    input#mobileNo {
    width: 69% !important;
    }
   .select2-container.country-code-select .select2-selection--single .select2-selection__rendered {
	    white-space: normal;
	    background-color: white;
	    padding: 7px 5px;
	    top: -12px;
	    background-color: #fff;
	    border: 0.078rem solid #666;
	    border-radius: 0.25rem;
	    box-shadow: inset 0 0.08em 0.4em rgb(0 0 0 / 15%);
	    color: #828382;
	    position: relative;
	    height: 45px;
	    display: inline-block;
	    width: 100%;
	}
	.donateview{
	    display:none;
	}
            .modal-object {
                border-radius: 15px;
            }
            .modal-submit {
                border-radius: 20px;
                width: 95%;
            }
            .header-modal {
            }
            .report {
                border: 1px solid black;
                width: 100%;
            }
            .report:hover{
                color: #333;
                font-weight: 500;
                background-color: rgba(255,255,255,.1);
            }
            .report:active, .report:focus {
                color: black;
                border: 1px solid black;
            }
            .modal-head-text {
                font-weight: 700;
                letter-spacing: 2.0px;
                text-shadow: 2px 2px 8px #0025;
                font-size: 1.5rem!important;
            }
            .text-form-new {
                outline: none;
                height: 45px;
                background-color: #fff;
                border: 0.078rem solid #666;
                border-radius: 0.25rem;
                box-shadow: inset 0 0.08em 0.4em rgb(0 0 0 / 15%);
                color: #828382;
            }
            .text-form-new:hover, .text-form-new:focus {
                outline: none;
                box-shadow: none;
            }
            ::placeholder {
                color: #e5ac00 !important;
                opacity: 0.6 !important;
            }
            :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #e5ac00 !important;
            }
            ::-ms-input-placeholder { /* Microsoft Edge */
            color: #e5ac00 !important;
            }
            .support_one input{
            width: 50%;
            height: 50px;
            outline: none;
            font-weight: bold;
            font-size: 36px;
            color: #556325;
                background-color: #fff;
                border: 0.078rem solid #666;
                border-radius: 0.25rem;
                box-shadow: inset 0 0.08em 0.4em rgb(0 0 0 / 15%);
                color: #828382;
            }
            .support_one .support-child{
            font-size: 24px;
            font-weight: bold;
            }
            .support_one .currency-child {
                font-size: 27px;
                color: #002d2395;
                font-weight: bold;
            }
            .donation-form-containe select {
                width: 100%;
                height: 50px;
                outline: none;
                box-shadow: none;
                background-color: #fff;
                border: 0.078rem solid #E2B016;
                border-radius: 0.25rem;
                box-shadow: inset 0 0.08em 0.4em rgb(0 0 0 / 15%);
                color: #828382;
            }
            .donation-form-containe select:focus{
                outline: none;
            }
            .donation-form input[type="radio"] {
            visibility: hidden; /* 1 */
            height: 0; /* 2 */
            width: 0; /* 2 */
            }
            .donation-form {
            display: flex;
            height: 50px;
            width: 100%;
            }
            .donation-form label.radio-label {
            display: flex;
            flex: auto;
            vertical-align: middle;
            align-items: center;
            justify-content: center;
            text-align: center;
            cursor: pointer;
            border-radius: 5px;
            background-color: #ffffff;
            color: #E2B016;
            border: 2px solid #E2B016;
            padding: 5px 10px;
            transition: color --transition-fast ease-out,
            background-color --transition-fast ease-in;
            user-select: none;
            margin-right: 8px;
            font-weight: 600;
            font-size: 1.375rem;
            }
            .donation-form  input[type="radio"]:checked + label.radio-label{
                background-color: #E2B016;
                color: #fff;
            }
            .header-text-select {
                margin-bottom: 0px;
                font-size: 12px;
                font-weight: 700;
            }
            .description-text-select {
                margin-bottom: 0px;
                font-size: 14px;
            }
            .select2-container--default .select2-selection--single{
            border-radius: 0px;
            }
            .select2-container .select2-selection--single .select2-selection__rendered{
            white-space: normal;
            background-color: white;
            }
            .select2-container.currency-container .select2-selection--single .select2-selection__rendered ,.location-container .select2-selection--single .select2-selection__rendered {
                white-space: normal;
                background-color: white;
                min-height: 40px;
                padding: 5px 15px;
                border: 0.078rem solid #666;
                border-radius: 0.25rem;
                box-shadow: inset 0 0.08em 0.4em rgb(0 0 0 / 15%);
                color: #828382;
                padding: 5px 5px;
            }
            .select2.select2-container.select2-container--default.location-container.select2-container--focus .select2-selection--single{
                background: transparent !important;
            }
            .select2-container--default .select2-selection--single{
                background: transparent !important;
            }
            .select2-container.program-container-option{
            min-height: 90px;
            }
            .program-container-option.select2-container--default .select2-selection--single .select2-selection__arrow,
            .location-container.select2-container--default .select2-selection--single .select2-selection__arrow{
            top: 38%;
            }
            .currency-container.select2-container--default .select2-selection--single .select2-selection__arrow{
            top: 29%;
            right: 10px;
            }
            .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
            background-color: #ff007b;
            color: white;
            }
            .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .header-text-select{
            color: white;
            }
            #otherMonth label,#otherMonth small,#chooseChildren small{
            width: 100%;
            }
            #otherMonth small,#chooseChildren small{
            color: #64691e !important;
            }
            #otherMonth input,#chooseChildren input {
                display: block;
                height: 45px;
                color: black;
                text-align: center;
                font-weight: 700;
                outline: none;
                background-color: #fff;
                border: 0.078rem solid #666;
                border-radius: 0.25rem;
                box-shadow: inset 0 0.08em 0.4em rgb(0 0 0 / 15%);
                color: #828382;
            }
            #currencySelected{
            text-transform: uppercase;
            }
            .required {
                color: red;
                padding-left: 5px;
            }
             .label-font {
                font-size: 14px !important;
                color: #444;
                font-weight: 600;
                text-align: center;
            }       
                        
            @media only screen and (max-width:600px){
                .support_one input{
                    height:auto;
                    font-size: 24px;
                }
                .select2-container.country-code-select .select2-selection--single .select2-selection__rendered{
                    top:-10px;
                }
                .donation-payment-type-list{
                    padding: 12px 10px;
                }
                .support_one .support-child {
                    font-size: 27px !important;
                }
                .heading-title{
                    margin-top: 15px !important;
                    margin-left: 13px !important;
                }
                .bold-text{
                    padding-left: 0 !important;
                }
                .image {
                    width: 100% !important;
                    margin: 5px;
                }
                .donation-form{
                    height:auto;
                    flex-wrap: wrap;
                }
                .donation-form label.radio-label{
                    margin-right: 8px;
                    margin-bottom: 8px;
                    width: 42%;
                }
                input.form-input-others{
                    width: 98%;
                    margin-bottom: 10px;
                    margin-right:0px;
                }
            }
            .donation-form.children-selection-input label {
                width: 14%;
                margin-bottom: 10px;
            }
            .donation-form {
                display: flex;
                width: 100%;
                flex-wrap: nowrap;
                height: auto;
            }
            .donation-form.payment_choosen label {
                    width: 48%;
                    margin: 0;
                    border-radius: 5px;
            }
    .iti__country{
        color:black;
    }
    .iti{
        width:100%;
    }
    .form-padding{
        padding:25px 0 0 0;
    }
    .btn-warning:disabled {
        color: #FFF;
        background-color: #E2B016;
        border-color: #E2B016;
    }
    .btn-report {
        display: inline-block;
        font-weight: 400;
        color: #E2B016;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        text-transform: none;
        overflow: visible;
        margin: 0;
        font-family: inherit;
    }
    .double-the-donation{
        font-weight: bolder;
    }
    .support_one .child-count {
        font-size: 27px;
        color: #002d2395;
        font-weight: bold;
    }
    /*Added code starts*/
    .donation-title-campaign{
        font-size: 22px;
        font-family: 'Duplet', sans-serif !important;
        font-weight: 600;
        color: #000;
        line-height: 30px;
        padding: 15px 20px 0;
    }
    /*Added code ends*/
    .anonymous-check{
        border:1px solid #000;
    }
    .anonymous-label{
        color:000;
    }
    .form-check-label {
        display: flex;
        align-items: center;
        flex-wrap: wrap; /* Allow wrapping on small screens */
    }

    .form-check-label .fas {
        margin-left: 5px; /* Space between text and icon */
        color: #6c757d; /* Icon color */
        cursor: pointer; /* Show a pointer on hover */
    }
    
    label.radio-label.mr-2 {
            font-size: 16px;
            text-transform: uppercase;
            color: black;
            background-color: #f0f0f0;
            border-width: 1px;
        }
        
        label.radio-label {
            font-size: 16px !important;
            text-transform: uppercase;
            color: black !important;
            background-color: #f0f0f0;
            border-width: 1px;
        }
        
        .donation-bg {
            background-color: #ffffff !important;
            border-radius: 10px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
        }
        
        .currency-label {
              font-family: 'Duplet', sans-serif !important;
              font-size: 14px;
              margin-right: 10px;
            }
            
            .currency-select {
              padding: 8px 12px;
              font-size: 14px;
              border: 1px solid #ccc;
              border-radius: 6px;
              background-color: #E2B016;
              color: #333;
              outline: none;
              transition: border-color 0.3s, box-shadow 0.3s;
            }
            
            .currency-select:focus {
              border-color: #007bff;
              box-shadow: 0 0 3px rgba(0, 123, 255, 0.5);
            }
            
            .select-currency {
                padding-top: 20px;
            }
            
            .form-section {
              max-width: 500px;
              font-family: 'Duplet', sans-serif !important;
              margin: 0 auto;
            }
            
            .amount-label,h5.form-ananymous {
              display: block;
              font-weight: bold;
              margin-bottom: 8px;
              font-size: 15px;
              color: #333;
            }
            
            .currency-select {
              width: 100%;
              padding: 10px;
              border-radius: 6px;
              border: 1px solid #ccc;
              font-size: 14px;
              margin-bottom: 20px;
            }
            
            .amount-row {
              display: flex;
              margin-bottom: 10px;
              width: 100%;
            }
            
            .amount-row.full-row .amount-button {
              width: 33.3333%;
            }
            
            .amount-row.full-row:last-of-type .amount-button {
              width: 50%;
            }
            
            .amount-button {
              text-align: center;
              padding: 12px 0;
              border: 2px solid #ccc;
              background-color: #f8f8f8;
              font-weight: bold;
              cursor: pointer;
              transition: 0.3s;
              border-right: 1px solid #ccc;
            }
            
            .amount-button:last-child {
              border-right: none;
            }
            
            /* Use Flex + Gap */
            .amount-row {
              display: flex;
              gap: 10px;
              margin-bottom: 10px;
            }
            
           /* input[type="radio"] {
              display: none;
            }*/
            
            .amount-row input[type="radio"] {
                display: none; /* hides radio circle */
            }

            
            input[type="radio"]:checked + .amount-button {
              background-color: #007bff;
              border-color: #007bff;
              color: #fff;
            }
            
            .custom-amount-input {
              margin-top: 10px;
              padding: 10px;
              width: 100%;
              border-radius: 6px;
              border: 1px solid #ccc;
              display: block;
            }
            
            .label-font,#childrenSelected{
                font-family: 'Duplet', sans-serif !important;
                
            }
            
            .donation-buttons {
                  width: 100% !important;
                  max-width: 100% !important;
                  margin: 20px auto 0 !important;
                  display: flex !important;
                  flex-direction: column !important;
                  gap: 12px !important;
                }
                
                .btn {
                  width: 100% !important;
                  padding: 12px !important;
                  font-size: 16px !important;
                  font-weight: bold !important;
                  border: none !important;
                  border-radius: 6px !important;
                  cursor: pointer !important;
                  transition: background-color 0.3s ease;
                }
                
                /* Donate Button – Blue */
                .btn-donate {
                    font-family: 'Duplet', sans-serif !important;
                  background-color: #E2B016 !important;
                  color: #fff !important;
                  font-size:20px !important;
                  font-weight:500 !important;
                }
                
                .btn-donate:hover {
                  background-color: #E2B016 !important;
                  color:#000000 !important;
                }
                
                /* Login Button – Dark Gray */
                .btn-login {
                    font-family: 'Duplet', sans-serif !important;
                  background-color: #000000 !important;
                  color: #fff !important;
                  font-size:20px !important;
                  font-weight:500 !important;
                }
                
                .btn-login:hover {
                  background-color: #E2B016 !important;
                  color:#000000 !important;
                }
                
                h5.form-content {
                    font-size: 18px;
                    padding-top: 15px;
                    padding-bottom: 5px;
                    text-align: center;
                }
                                
                .input[type="radio"]:checked + .amount-button {
                    background-color: #E2B016;
                    border-color: #E2B016;
                    color: #fff;
                }
                
                button.btn.btn-success {
                    background-color: #E2B016;
                }
                
                button.btn.btn-success:hover {
                    background-color: black;
                }
                
                input[type="radio"]:checked + .amount-button {
                    background-color: #8CC63F;
                    border-color: #8CC63F;
                    color: #fff;
                    border-radius: 6px;
                }
                
                label.amount-button {
                    border-color: white;
                    border-radius: 6px;
                }
                
                h5.title-amount {
                    text-align: center;
                }
                
                input#anonymous {
                    border-color: black;
                }
                
                button.btn.btn-submit
                {
                    background-color: #E2B016;
                    color: white;
                }
                
                button.btn.btn-submit:hover
                {
                    background-color:black;
                    color: white;
                }
                
                button.btn.btn-double {
                  background-color:#E2B016 !important;
                  color: white;
                }
                
                button.btn.btn-double:hover {
                  background-color:black !important;
                  color: white;
                }
                
                button.btn.btn-signup
                 {
                   background-color:#E2B016;
                  color: white;  
                }
                
                button.btn.btn-signup:hover
                 {
                   background-color:black;
                  color: white; 
                }
                
                label.d-block {
                    font-family: 'Duplet', sans-serif !important;
                    padding-top: 13px;
                    font-weight: 700;
                    font-size: 18px;
                }
                
                .background-tertiary {
                    padding: 30px 0px;
                    background-color: #e8523e !important;
                }
                
                .student-journey-story{
                 color: #e8523e !important;   
                }
                
                .helping-ways-link {
                    color: #e8523e !important;
                }
                
                .helping-ways-link:hover {
                    color:#F2C94C !important;
                }
                
                .testimonials-head-span,.testimonials-title {
                    color: #e8523e !important;
                }
                
                a.campaign-button-text.text-uppercase.btn,.background-secondary
                 {
                    background-color: #E2B016 !important;
                    color: white;
                }
                

                @media (max-width: 576px) {
                    .form-check-label {
                        flex-direction: row; /* Row layout on mobile */
                    }
                 }
                 
                 .select-currency {
                position: relative;
                width: 100%;
                max-width: 100%;
              }
            
              .select-currency select {
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                width: 100%;
                padding: 12px 40px 12px 15px;
                font-size: 16px;
                border: 1px solid #ccc;
                border-radius: 0;
                background-color: #fff;
                line-height: 1.5;
                height: auto;
                box-shadow: none;
              }
            
              .select-currency::after {
                content: "\f078"; /* Font Awesome chevron-down */
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                position: absolute;
                right: 15px;
                top: 65%;
                transform: translateY(-50%);
                pointer-events: none;
                font-size: 14px;
                color: #555;
              }
              .offline-card{
                  border:1px solid #e5e5e5; border-radius:10px; padding:16px;
                  background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.03);
                }
                .offline-header{ display:flex; align-items:center; gap:.6rem; margin-bottom:.25rem; }
                .offline-icon{ display:inline-flex; width:28px; height:28px; border-radius:9999px;
                  background:#eef4ff; color:#3b82f6; align-items:center; justify-content:center; font-weight:700; }
                .offline-title{ font-weight:700; font-size:1.05rem; }
                .offline-steps{ margin: .25rem 0 .5rem 1.25rem; }
                .offline-address{ white-space:pre-line; margin:.25rem 0 .75rem; font-style:normal; }
                .info-dot{ display:inline-block; width:18px; height:18px; border-radius:50%;
                  background:#f1f5f9; color:#64748b; text-align:center; line-height:18px; font-size:12px; margin-left:.25rem; }
                .d-none{ display:none !important; }
                
               /* Normalize native input styling differences */
                .donation-section input.form-control {
                  appearance: none;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  box-sizing: border-box;
                }
                .donation-section input.form-control[type="email"] {
                  padding: .375rem .75rem !important;
                  border: 1px solid #ced4da !important;
                }

                /* Make email look exactly like text inputs */
                .donation-section input.form-control[type="email"],
                .donation-section input.form-control[type="text"],
                .donation-section input.form-control[type="tel"],
                .donation-section input.form-control[type="number"] {
                  border: 1px solid #ced4da;
                  border-radius: .25rem;
                  padding: .375rem .75rem;
                  font-size: 1rem;
                  line-height: 1.5;
                  color: #495057;
                  background-color: #fff;
                  height: auto; /* in case another CSS sets a fixed height */
                }
                
                /* Focus to match Bootstrap form-control */
                .donation-section input.form-control:focus {
                  border-color: #86b7fe;
                  outline: 0;
                  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
                }
                
                /* Tame WebKit autofill (yellow background) so it matches */
                .donation-section input.form-control:-webkit-autofill {
                  -webkit-box-shadow: 0 0 0 1000px #fff inset;
                  -webkit-text-fill-color: #495057;
                }
                
                .donation-section
                {
                    padding: 0px !important;
                }
                
                .form-step {
    display: none;
  }
  .form-step.active {
    display: block;
  }
  /* Payment method chips (no Bootstrap required) */
.pm-group{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
  margin-top:8px;
}
.donation-payment-type-list {
        padding: 12px 15px;
        display:flex;
        border: 1px solid #ddd;
    }
    
    
/*.pm-input{ display:none; }  */
.pm-chip{
  display:flex; align-items:center; justify-content:center;
  height:44px; padding:0 12px;
  /*border:2px solid #E2B016; border-radius:8px;*/
  background:#fff; color:#333; font-weight:700; cursor:pointer;
  transition:all .2s ease;
  text-align:center;
  margin-bottom: 0rem !important;
}
/*.pm-input:checked + .pm-chip{
  background:#E2B016; color:#fff; border-color:#E2B016;
}*/
.pm-chip:hover{ filter:brightness(0.98); } 

/* Stack on small screens */
@media (max-width: 576px){
  .pm-group{ grid-template-columns: 1fr; }
}

/* Disabled Donate button look */
.btn-like.next.disabled,
.btn-like.next:disabled {
  background: #adb5bd !important;
  color: #fff !important;
  cursor: not-allowed !important;
  opacity: .9;
}

/* Back / Donate Now buttons row */
.step2-actions{
  display:flex !important; 
  gap:12px !important; 
  justify-content:space-between !important; 
  margin-top:18px !important;
}

.step2-actions .btn-like{
  flex:1 1 0 !important; 
  height:46px !important;
  border:none !important; 
  border-radius:8px !important; 
  font-weight:700 !important; 
  cursor:pointer !important;
}
.btn-like.back{ background:#6c757d; color:#fff; }
.btn-like.back:hover{ background:#555; }
.btn-like.next{ background:#E2B016; color:#fff; }
.btn-like.next:hover{ background:#000; color:#fff; }

/* === Normalize inputs inside the donation card (final override) === */
.donation-bg input.form-control,
.donation-bg select.form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  padding: 10px;
}

.donation-bg input.form-control.text-form-new {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  border: 1px solid #666;        /* match your text-form-new border */
  border-radius: .25rem;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #fff;
  color: #828382;
  height: 45px;
}


/* Make email look exactly like text/tel/number */
.donation-bg input.form-control[type="email"],
.donation-bg input.form-control[type="text"],
.donation-bg input.form-control[type="tel"],
.donation-bg input.form-control[type="number"] {
  border: 1px solid #ced4da;
  border-radius: .25rem;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  /*height: auto;*/ /* avoids fixed-height overrides */
}

/* Focus state (Bootstrap-like) */
.donation-bg input.form-control:focus,
.donation-bg select.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

/* WebKit autofill normalization */
.donation-bg input.form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #495057;
}

.subtext {
  font-size: 0.9em;      /* smaller text */
  color: #6c757d;        /* muted gray */
  margin-top: -8px;      /* pull it closer if needed */
}

/* Fix Retry Button Styling */
.btn-retry {
  background-color: #E2B016 !important;
  color: white;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  padding: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: none;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: block;
}

.btn-retry:hover {
  background-color: black !important;
  color: white !important;
}

#donation-card {
  background: #fff;
  border-radius: 12px;
  /*box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);*/
  padding: 1.5rem;
 
  margin: auto;
}


.form-step {
  margin-top: 1rem;
}