body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] {
  --chi-financial-literacy-offcanvas-height: var(--chi-financial-literacy-viewport-height, 100vh);
  top: var(--chi-page-offcanvas-viewport-offset-top, 0px);
  height: var(--chi-financial-literacy-offcanvas-height);
  max-height: var(--chi-financial-literacy-offcanvas-height);
}

body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] {
  --chi-real-estate-offcanvas-height: var(--chi-real-estate-viewport-height, 100vh);
  top: var(--chi-page-offcanvas-viewport-offset-top, 0px);
  height: var(--chi-real-estate-offcanvas-height);
  max-height: var(--chi-real-estate-offcanvas-height);
}

@supports (height: 100dvh) {
  body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] {
    --chi-financial-literacy-offcanvas-height: var(--chi-financial-literacy-viewport-height, 100dvh);
  }

  body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] {
    --chi-real-estate-offcanvas-height: var(--chi-real-estate-viewport-height, 100dvh);
  }
}

body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__main,
body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__main {
  background: transparent;
  box-shadow: none;
  overflow: hidden !important;
}

body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__main {
  height: var(--chi-financial-literacy-offcanvas-height);
  max-height: var(--chi-financial-literacy-offcanvas-height);
}

body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__main {
  height: var(--chi-real-estate-offcanvas-height);
  max-height: var(--chi-real-estate-offcanvas-height);
}

body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__content,
body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__content {
  height: var(--chi-financial-literacy-offcanvas-height);
  max-height: var(--chi-financial-literacy-offcanvas-height);
}

body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__content {
  height: var(--chi-real-estate-offcanvas-height);
  max-height: var(--chi-real-estate-offcanvas-height);
}

body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__content::-webkit-scrollbar,
body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__content::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .elementor-widget-icon,
body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .elementor-widget-icon {
  position: fixed;
  top: 1.5rem;
  right: 1.75rem;
  z-index: 12000;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-widget-container,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-widget-container {
  padding: 0;
}

body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__content > .elementor-element,
body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__content > .elementor-element {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 2.25rem 2.5rem 2.75rem;
  background: #ffffff;
  border-radius: 26px;
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.34);
  overflow: visible !important;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form::before,
body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form::after,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form::before,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  filter: blur(42px);
  opacity: 0.55;
  pointer-events: none;
  z-index: -1;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form-fields-wrapper,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form-fields-wrapper {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem 1.25rem;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group {
  margin: 0;
  width: 100%;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-25,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-25 {
  grid-column: span 3;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-33,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-33 {
  grid-column: span 4;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-50,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-50 {
  grid-column: span 6;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-100,
body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .e-form__buttons,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-100,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .e-form__buttons {
  grid-column: span 12;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-label,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 0.3rem;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-group:focus-within .elementor-field-label,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-group:focus-within .elementor-field-label {
  color: #111827;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-mark-required .elementor-field-label::after,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-mark-required .elementor-field-label::after {
  content: " *";
  color: #ef4444;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-textual,
body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-select-wrapper select,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-textual,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-select-wrapper select {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 0.65rem 0.9rem;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #111827;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, transform 0.1s ease;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-textual::placeholder,
body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-select-wrapper select:invalid,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-textual::placeholder,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-select-wrapper select:invalid {
  color: #9ca3af;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-group:hover .elementor-field-textual,
body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-group:hover .elementor-select-wrapper select,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-group:hover .elementor-field-textual,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-group:hover .elementor-select-wrapper select {
  border-color: #d1d5db;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-textual:focus,
body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-select-wrapper select:focus,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-textual:focus,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-select-wrapper select:focus {
  outline: none;
  border-color: #ea580c;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #ea580c, 0 0 0 4px rgba(234, 88, 12, 0.16);
  transform: translateY(-1px);
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-select-wrapper,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-select-wrapper {
  border-radius: 0.75rem;
  overflow: hidden;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-select-wrapper .select-caret-down-wrapper,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-select-wrapper .select-caret-down-wrapper {
  right: 0.75rem;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-group-dob,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-group-dob {
  position: relative;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-date-field,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-date-field {
  cursor: pointer;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .chi-field-error .elementor-field-textual,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .chi-field-error .elementor-field-textual {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 1px #dc2626, 0 0 0 4px rgba(220, 38, 38, 0.15) !important;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .chi-phone-error,
body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .chi-email-error,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .chi-phone-error,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .chi-email-error {
  margin-top: 0.25rem;
  font-size: 0.78rem;
  color: #b91c1c;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-message.elementor-message-danger,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-message.elementor-message-danger {
  background: #fef2f2;
  color: #b91c1c;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.8rem;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .e-form__buttons,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .e-form__buttons {
  margin-top: 1.75rem;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .e-form__buttons .elementor-button,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .e-form__buttons .elementor-button {
  width: 100%;
  border-radius: 999px;
  padding: 0.9rem 1.5rem;
  border: none;
  background-image: linear-gradient(90deg, #ea580c, #f97316);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 16px 40px rgba(234, 88, 12, 0.35);
  transition: transform 0.1s ease, box-shadow 0.1s ease, filter 0.1s ease;
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .e-form__buttons .elementor-button:hover,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .e-form__buttons .elementor-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 20px 55px rgba(234, 88, 12, 0.45);
}

body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .e-form__buttons .elementor-button:active,
body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .e-form__buttons .elementor-button:active {
  transform: translateY(0);
  box-shadow: 0 10px 30px rgba(234, 88, 12, 0.35);
}

.flatpickr-calendar,
.flatpickr-calendar.open {
  z-index: 9999999999 !important;
}

@media (max-width: 768px) {
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration input,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration select,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration textarea,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-field-textual,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-select-wrapper select,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate input,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate select,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate textarea,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-field-textual,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-select-wrapper select {
    font-size: 16px !important;
    line-height: 1.45;
  }

  body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .elementor-widget-icon,
  body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .elementor-widget-icon {
    top: calc(max(0.75rem, env(safe-area-inset-top)) + 0.1rem);
    right: calc(max(0.85rem, env(safe-area-inset-right)) + 0.1rem);
  }

  body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__content,
  body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__content {
    align-items: flex-start;
    overflow-y: scroll !important;
    padding: calc(max(1rem, env(safe-area-inset-top)) + 3.75rem) 0.75rem max(1rem, env(safe-area-inset-bottom));
  }

  body.chi-page-offcanvas-form--financial-literacy .e-off-canvas[aria-label="CHI Event Registration Form"] .e-off-canvas__content > .elementor-element,
  body.chi-page-offcanvas-form--donate-real-estate .e-off-canvas[aria-label="Real Estate Donation"] .e-off-canvas__content > .elementor-element {
    width: min(100%, 40rem);
    padding: 1.8rem 1.25rem 2.1rem;
    margin: 0 auto;
    border-radius: 22px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.35);
  }

  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form-fields-wrapper,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form-fields-wrapper {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.85rem;
  }

  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-25,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-33,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-50,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .elementor-field-group.elementor-col-100,
  body.chi-page-offcanvas-form--financial-literacy #chi_event_registration .elementor-form .e-form__buttons,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-25,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-33,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-50,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .elementor-field-group.elementor-col-100,
  body.chi-page-offcanvas-form--donate-real-estate #chi_real_estate .elementor-form .e-form__buttons {
    grid-column: 1 / -1 !important;
  }
}