.drp-form-container { max-width: 600px; margin: 0 auto; padding: 30px; border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); background: #fff; font-family: sans-serif; }
.drp-progress-text { font-size: 18px; margin-bottom: 10px; color: #333; text-align:center;}
.drp-progress-track { background: #e0e0e0; border-radius: 10px; height: 12px; width: 100%; margin-bottom: 25px; overflow: hidden; }
.drp-progress-fill { background: #ff4757; height: 100%; transition: width 0.5s ease-in-out; }
.drp-field { margin-bottom: 15px; }
.drp-field input, .drp-field textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 15px;}
.drp-field textarea { height: 100px; resize: vertical; }
.drp-amounts-section label { display: block; margin-bottom: 10px; color: #666; font-weight:bold;}
.drp-amount-buttons { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap;}
.drp-btn-amt { background: #fff; border: 2px solid #ddd; color: #333; font-weight: bold; padding: 12px; border-radius: 6px; cursor: pointer; flex: 1; min-width: 80px; transition: 0.2s;}
.drp-btn-amt:hover { border-color: #0070ba; }
.drp-btn-amt.active { border-color: #0070ba; background: #f4f8ff; color: #0070ba; }

/* Payment Buttons - Custom RGBs & Normal Font */
.drp-payment-buttons { display: flex; flex-direction: column; gap: 15px; margin-top: 20px; }
.drp-payment-buttons button { padding: 15px; border-radius: 6px; border: none; font-size: 16px; font-weight: bold; font-style: normal; color: #ffffff; cursor: pointer; transition: opacity 0.2s;}
.drp-payment-buttons button:hover { opacity: 0.9; }

.drp-btn-paypal { background-color: rgb(0, 28, 100); }
.drp-btn-stripe { background-color: rgb(0, 115, 230); }
.drp-btn-razorpay { background-color: rgb(48, 94, 255); }

/* Phone dropdown width fix */
.iti { width: 100%; }