.elementor-81 .elementor-element.elementor-element-791d060{--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;}.elementor-81 .elementor-element.elementor-element-4367edb.elementor-element{--align-self:stretch;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-type-html{padding-bottom:0px;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button[type="submit"]{color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-81 .elementor-element.elementor-element-a9ee722{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for form, class: .elementor-element-a9ee722 *//************************************
 * FORM ELEMENTOR — KELASTERAPAN.ID
 * Dipakai di: Advanced → Custom CSS (widget form)
 ************************************/

/* Bungkus utama form */
.elementor-81 .elementor-element.elementor-element-a9ee722 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  max-width: 820px;
  margin: 0 auto;
}

/* Jarak antar field rapi */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group {
  margin-bottom: 14px;
}

/* Label di atas field */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group > label.elementor-field-label {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #6b7280; /* abu lembut */
}

/* Input, select, textarea */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-textual,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group .elementor-field,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group select,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group textarea {
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  background-color: #ffffff;
  color: #111827;
  box-shadow: 0 0 0 0 rgba(59,130,246,0);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

/* Placeholder */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-textual::placeholder,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group textarea::placeholder {
  color: #9ca3af;
  font-size: 13px;
}

/* Fokus field */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-textual:focus,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group .elementor-field:focus,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group select:focus,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group textarea:focus {
  outline: none;
  border-color: #3aafa9;  /* teal brand */
  box-shadow: 0 0 0 1px rgba(58,175,169,0.25);
  background-color: #f9fafb;
}

/* Select tampak modern */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #9ca3af 50%),
    linear-gradient(135deg, #9ca3af 50%, transparent 50%);
  background-position:
    calc(100% - 16px) calc(50% - 3px),
    calc(100% - 10px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* Grup checkbox / radio */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-subgroup {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-option {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #374151;
}

/* Tinggi textarea */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group textarea {
  min-height: 120px;
  resize: vertical;
}

/* Tombol submit */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button {
  width: 100%;
  justify-content: center;
  border-radius: 999px;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  background-color: #2b7a78; /* primary Kelasterapan */
  border: none;
  box-shadow: 0 8px 18px rgba(43,122,120,0.22);
  transition:
    background-color 0.18s ease,
    transform 0.08s ease,
    box-shadow 0.18s ease;
}

.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button:hover {
  background-color: #256c6a;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(43,122,120,0.28);
}

.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(43,122,120,0.25);
}

/* Pesan sukses & error global */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-message {
  margin-top: 12px;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
}

.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-message.elementor-message-success {
  background-color: #ecfdf3;
  border: 1px solid #22c55e;
  color: #166534;
}

.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-message.elementor-message-danger {
  background-color: #fef2f2;
  border: 1px solid #f87171;
  color: #b91c1c;
}

/* Error per field */
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group.elementor-field-group-error .elementor-field,
.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group.elementor-field-group-error .elementor-field-textual {
  border-color: #f97373;
  background-color: #fef2f2;
}

.elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group .elementor-message.elementor-message-danger {
  margin-top: 4px;
  padding: 4px 0 0;
  border: none;
  background: transparent;
  font-size: 12px;
  color: #b91c1c;
}

/* Responsive hp kecil */
@media (max-width: 480px) {
  .elementor-81 .elementor-element.elementor-element-a9ee722 {
    max-width: 100%;
  }

  .elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-field-group {
    margin-bottom: 12px;
  }

  .elementor-81 .elementor-element.elementor-element-a9ee722 .elementor-button {
    font-size: 14px;
    padding: 10px 18px;
  }
}/* End custom CSS */