/*
Theme Name: BigHearts
Theme URI: http://bighearts.webgeniuslab.net/
Author: WebGeniusLab
Author URI: http://webgeniuslab.net/
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 3.1.4
Requires at least: 5.7
Requires PHP: 7.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bighearts
*/


/* Glass Card */
.donate-form {
  max-width: 520px;
  margin: 40px auto;
  padding: 30px;
  border-radius: 20px;
  background: #f00;
  backdrop-filter: blur(15px) saturate(150%);
  -webkit-backdrop-filter: blur(15px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  font-family: 'Poppins', sans-serif;
  color: #fff;
}

.donate-form h3 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  color: #fff;
}

/* Labels */
.donate-form label {
  display: block;
  font-size: 14px;
  margin: 10px 0 5px;
  color: #e0e0e0;
}

/* Inputs, Textarea, Select */
.donate-form input,
.donate-form textarea,
.donate-form select {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 15px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 14px;
  outline: none;
  transition: 0.3s;
}
.donate-form input::placeholder,
.donate-form textarea::placeholder {
  color: rgba(255,255,255,0.6);
}
.donate-form input:focus,
.donate-form textarea:focus,
.donate-form select:focus {
  border-color: #4CAF50;
  box-shadow: 0 0 8px rgba(76, 175, 80, 0.6);
}

/* Dropdown */
.donate-form select {
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255,255,255,0.15) url("data:image/svg+xml;utf8,<svg fill='white' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 12px center;
  background-size: 16px;
  padding-right: 40px;
}

/* Slider */
.donation-slider {
  margin: 20px 0;
}
.donation-slider input[type="range"] {
  width: 100%;
  -webkit-appearance: none;
  height: 12px;
  border-radius: 10px;
  background: linear-gradient(90deg, #4CAF50, #4CAF50);
  outline: none;
  transition: background 0.3s ease-in-out;
}
.donation-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  border: 2px solid #333;
}
.donation-slider input[type="range"]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  border: 2px solid #333;
}

/* Slider Value */
.slider-value {
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.select__field{
	width:100%;
}

/* Consent Checkbox */
.donor-consent {
  margin: 15px 0;
  font-size: 13px;
  color: #ccc;
}
.donor-consent input[type="checkbox"] {
  margin-right: 8px;
  accent-color: #4CAF50;
  transform: scale(1.2);
}

/* Submit Button */
.donate-form .donate-submit input[type="submit"] {
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(135deg, #43A047, #1B5E20);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.donate-form .donate-submit input[type="submit"]:hover {
  background: linear-gradient(135deg, #66BB6A, #2E7D32);
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.4);
}

#tabnav .wgl-tabs_content > .elementor {
    margin: 0px !important;
}