/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  A child theme for the Hello Elementor theme
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/* Add your custom CSS below this line */
.contact-heading-container,
.scholarship-heading-container {
    background-color: #D4D4D41A;
    backdrop-filter: blur(12px);
}
@media (min-width: 1200px) and (max-width: 1450px) {
    .contact-heading-container .contact-heading h2 {
        font-size: 38px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1530px) {
	.scholarship-heading-container .scholarship-heading h2 {
		font-size: 36px !important;
	}
}

.custom-scholarship-form {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 60px;

  --primary-green: #92D050;
  --text-dark: #333;
  --border-color: #ddd;
  --input-bg: #fff;
}
.custom-scholarship-form * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Inter', Arial, sans-serif;
}

.custom-scholarship-form .form-container {
  margin: 0 auto;
  padding: 40px;
  border-radius: 8px;
  color: var(--text-dark);
}

.custom-scholarship-form h1 {
  text-align: center;
  color: var(--primary-green);
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 700;
}

.custom-scholarship-form section {
  margin-bottom: 40px;
}

.custom-scholarship-form h2 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 600;
}

.custom-scholarship-form h3 {
  font-size: 14px;
  margin-bottom: 12px;
  color: #444;
}

.custom-scholarship-form p.sub-note {
  font-size: 12px;
  color: #666;
  margin-top: -15px;
  margin-bottom: 20px;
}

.custom-scholarship-form .grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.custom-scholarship-form .grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.custom-scholarship-form .field {
  display: flex;
  flex-direction: column;
}

.custom-scholarship-form .field label {
  font-size: 13px;
  margin-bottom: 8px;
  font-weight: 500;
  color: #555;
}

.custom-scholarship-form input,
.custom-scholarship-form select,
.custom-scholarship-form textarea {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--border-color);
  border-radius: 20px;
  font-size: 13px;
  background: var(--input-bg);
  outline: none;
  box-sizing: border-box;
}

.custom-scholarship-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 48px; /* space for arrow */
  background-color: #fff;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9'%3E%3Cpath d='M7.62538 6.60267C7.6486 6.62595 7.67619 6.64442 7.70656 6.65702C7.73694 6.66963 7.7695 6.67611 7.80238 6.67611C7.83527 6.67611 7.86783 6.66963 7.8982 6.65702C7.92857 6.64442 7.95616 6.62595 7.97938 6.60267L14.3434 0.238667C14.412 0.16498 14.4948 0.105878 14.5868 0.0648861C14.6788 0.0238943 14.7782 0.00185108 14.8789 7.43866e-05C14.9796 -0.00170231 15.0796 0.0168238 15.173 0.0545444C15.2664 0.0922651 15.3512 0.14841 15.4224 0.219629C15.4936 0.290848 15.5498 0.375681 15.5875 0.469069C15.6252 0.562457 15.6437 0.662487 15.642 0.76319C15.6402 0.863893 15.6182 0.963205 15.5772 1.0552C15.5362 1.1472 15.4771 1.23 15.4034 1.29867L9.04038 7.66267C8.87788 7.82519 8.68495 7.95411 8.47262 8.04207C8.26029 8.13002 8.03271 8.17529 7.80288 8.17529C7.57305 8.17529 7.34548 8.13002 7.13314 8.04207C6.92081 7.95411 6.72789 7.82519 6.56538 7.66267L0.201381 1.29867C0.0689011 1.15649 -0.00322151 0.968446 0.000206947 0.774145C0.00363541 0.579844 0.0823469 0.394458 0.21976 0.257045C0.357173 0.119633 0.542559 0.0409212 0.736859 0.0374928C0.93116 0.0340643 1.11921 0.106187 1.26138 0.238667L7.62538 6.60267Z' fill='%23000000'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px 9px;
}


.custom-scholarship-form textarea {
  border-radius: 15px;
  resize: vertical;
}

.custom-scholarship-form .radio-container,
.custom-scholarship-form .checkbox-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  padding: 10px 0;
}

.custom-scholarship-form .option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 18px;
}

.custom-scholarship-form input[type="radio"],
.custom-scholarship-form input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--primary-green);
}
/* ===== CUSTOM CHECKBOX ===== */

.custom-scholarship-form input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
padding: 0;
  width: 16px;
  height: 16px;
  border: 1.5px solid #999;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  position: relative;
}

/* Checked state */
.custom-scholarship-form input[type="checkbox"]:checked {
  background-color: var(--primary-green);
  border-color: var(--primary-green);
}

/* White checkmark */
.custom-scholarship-form input[type="checkbox"]:checked::after {
 content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Optional hover */
.custom-scholarship-form input[type="checkbox"]:hover {
  border-color: var(--primary-green);
}
/* ===== FIXED CUSTOM RADIO ===== */

.custom-scholarship-form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
padding: 0;
  width: 16px;              /* ⬅ smaller base */
  height: 16px;
  border: 2px solid #92D050;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

/* Selected inner dot */
.custom-scholarship-form input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;               /* ⬅ proportional */
  height: 6px;
  background: #92D050;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* Align label content properly */
.custom-scholarship-form .option {
  display: flex;
  align-items: center;      /* ⬅ critical */
  gap: 10px;
}



.custom-scholarship-form .scholarship-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 10px;
}

.custom-scholarship-form .category-group {
  margin-bottom: 25px;
}

.custom-scholarship-form input[type="file"] {
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 20px;
  background: #fafafa;
  cursor: pointer;
}

.custom-scholarship-form .date-field {
  position: relative;
}

.custom-scholarship-form .date-field input[type="date"] {
  padding-right: 46px; 
}

.custom-scholarship-form .calendar-icon {
  position: absolute;
  right: 14px;
  top: 65%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.custom-scholarship-form .calendar-icon svg {
  pointer-events: none;
}
.custom-scholarship-form
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.radio-container p {
    display: flex;
}

.custom-scholarship-form .submit-btn {
  display: block;
  width: 120px;
  margin: 40px auto 0;
  background: var(--primary-green);
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transition: background 0.3s ease;
}

.custom-scholarship-form .submit-btn:hover {
  background: #76b82a;
}

@media (max-width: 900px) {
  .custom-scholarship-form .grid-4,
  .custom-scholarship-form .grid-3,
  .custom-scholarship-form .scholarship-grid {
    grid-template-columns: repeat(2, 1fr);
  }
	.custom-scholarship-form {
		padding: 20px;
}
}

@media (max-width: 600px) {
  .custom-scholarship-form .grid-4,
  .custom-scholarship-form .grid-3,
  .custom-scholarship-form .scholarship-grid {
    grid-template-columns: 1fr;
  }

  .custom-scholarship-form {
    padding: 30px 20px;
  }

  .custom-scholarship-form .form-container {
    padding: 25px;
  }
}