.elementor-2438 .elementor-element.elementor-element-b19c823{--display:flex;}.elementor-2438 .elementor-element.elementor-element-b19c823:not(.elementor-motion-effects-element-type-background), .elementor-2438 .elementor-element.elementor-element-b19c823 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2438 .elementor-element.elementor-element-0aa33cb{padding:20px 20px 20px 20px;}.elementor-2438 .elementor-element.elementor-element-0aa33cb.elementor-element{--align-self:center;}.elementor-2438 .elementor-element.elementor-element-0aa33cb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-2438 .elementor-element.elementor-element-c5b5d30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2438 .elementor-element.elementor-element-c5b5d30:not(.elementor-motion-effects-element-type-background), .elementor-2438 .elementor-element.elementor-element-c5b5d30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2438 .elementor-element.elementor-element-b19baf8 .pp-contact-form-7 .wpcf7-not-valid-tip{display:block !important;}.elementor-2438 .elementor-element.elementor-element-b19baf8 .pp-contact-form-7 .wpcf7-validation-errors{display:block !important;}.elementor-2438 .elementor-element.elementor-element-b19baf8 .pp-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap{margin-bottom:20px;}@media(max-width:767px){.elementor-2438 .elementor-element.elementor-element-0aa33cb .elementor-heading-title{font-size:16px;}.elementor-2438 .elementor-element.elementor-element-c5b5d30{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for heading, class: .elementor-element-0aa33cb *//* Blood Donor Form */
.wpcf7-form.blood-donor label {
  display: block;
  margin-bottom: 12px;
  font-family: 'Inter', sans-serif;
  color: #0F172A;
  font-size: 14px;
}

.wpcf7-form.blood-donor input,
.wpcf7-form.blood-donor select,
.wpcf7-form.blood-donor textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  margin-bottom: 16px;
}

.wpcf7-form.blood-donor select.blood-group {
  border-color: #E6B5B8;
  font-weight: 500;
}

/* Submit Button */
.wpcf7-form.blood-donor input[type="submit"] {
  background-color: #090860;
  color: #F5F7FA;
  padding: 12px 20px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.wpcf7-form.blood-donor input[type="submit"]:hover {
  background-color: #8D1E25;
  color: #F5F7FA;
}

/* Responsive */
@media (max-width: 1024px) {
  .wpcf7-form.blood-donor input[type="submit"] {
    font-size: 15px;
    padding: 10px 18px;
  }
}

@media (max-width: 768px) {
  .wpcf7-form.blood-donor input[type="submit"] {
    font-size: 14px;
    padding: 8px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for pp-contact-form-7, class: .elementor-element-b19baf8 *//* ===============================
   Blood Request Form Styling
=============================== */

.wpcf7-form label {
  display: block;
  margin-bottom: 12px;
  font-family: 'Inter', sans-serif;
  color: #0F172A;
  font-size: 14px;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}

.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  border-color: #E6B5B8;
  outline: none;
}

/* Acceptance checkbox */
.wpcf7-form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
}

/* Submit Button */
.wpcf7-form input[type="submit"] {
  background-color: #090860;
  color: #F5F7FA;
  padding: 12px 20px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

/* Hover */
.wpcf7-form input[type="submit"]:hover {
  background-color: #8D1E25;
}

/* Disabled (handled by CF7 automatically) */
.wpcf7-form input[type="submit"]:disabled {
  background-color: #CBD5E1;
  color: #64748B;
  cursor: not-allowed;
}

/* Mobile */
@media (max-width: 768px) {
  .wpcf7-form input[type="submit"] {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5b5d30 */.wpcf7-form.blood-donor {
  font-family: 'Inter', sans-serif;
}

/* Labels */
.wpcf7-form.blood-donor label {
  display: block;
  margin-bottom: 12px;
  color: #0F172A;
  font-size: 14px;
  font-weight: 500;
}

/* Section titles (Health Questions, Consent) */
.wpcf7-form.blood-donor p {
  margin: 20px 0 10px;
  font-weight: 600;
  color: #0F172A;
  font-size: 15px;
}

/* Inputs, Selects, Textarea */
.wpcf7-form.blood-donor input:not([type="checkbox"]):not([type="submit"]),
.wpcf7-form.blood-donor select,
.wpcf7-form.blood-donor textarea {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #D1D5DB;
  font-size: 14px;
  margin-bottom: 16px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Focus State */
.wpcf7-form.blood-donor input:focus,
.wpcf7-form.blood-donor select:focus,
.wpcf7-form.blood-donor textarea:focus {
  border-color: #E6B5B8;
  outline: none;
  box-shadow: 0 0 0 2px rgba(230, 181, 184, 0.25);
}

/* Textarea */
.wpcf7-form.blood-donor textarea {
  min-height: 100px;
  resize: vertical;
}

/* Checkbox groups */
.wpcf7-form.blood-donor .wpcf7-checkbox {
  margin-bottom: 16px;
}

.wpcf7-form.blood-donor .wpcf7-checkbox label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
  cursor: pointer;
}

/* Checkbox input */
.wpcf7-form.blood-donor input[type="checkbox"] {
  margin-top: 3px;
  cursor: pointer;
}

/* Validation message */
.wpcf7-form.blood-donor .wpcf7-not-valid-tip {
  color: #8D1E25;
  font-size: 13px;
  margin-top: -10px;
  margin-bottom: 10px;
}

/* ===============================
   Submit Button
================================ */

.wpcf7-form.blood-donor input[type="submit"] {
  background-color: #090860;
  color: #F5F7FA;
  padding: 14px 22px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  transition: background-color 0.3s ease, transform 0.2s ease;

  pointer-events: auto;
  position: relative;
  z-index: 10;
}

/* Hover */
.wpcf7-form.blood-donor input[type="submit"]:hover {
  background-color: #8D1E25;
  transform: translateY(-1px);
}

/* ===============================
   Responsive
================================ */

/* Tablet */
@media (max-width: 1024px) {
  .wpcf7-form.blood-donor input[type="submit"] {
    font-size: 15px;
    padding: 12px 20px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .wpcf7-form.blood-donor label {
    font-size: 13px;
  }

  .wpcf7-form.blood-donor p {
    font-size: 14px;
  }

  .wpcf7-form.blood-donor input[type="submit"] {
    font-size: 14px;
    padding: 10px 18px;
    width: 100%;
  }
}/* End custom CSS */