/* Enquiry form, used on the home, contact, location and maid pages. */

#enquiry { scroll-margin-top: 110px; }

.ig-form { font-family: Nunito, sans-serif; font-size: 14px; line-height: 1.5; color: #000; text-align: left; }
.ig-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.ig-form__full { margin-bottom: 14px; }

.ig-form input[type="text"],
.ig-form input[type="email"],
.ig-form input[type="tel"],
.ig-form select,
.ig-form textarea {
  display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 10px;
  font: 400 16px/1.3 Nunito, sans-serif; color: #000;
  background-color: #f2f2f2; border: 0; border-radius: 4px; outline: none;
}
.ig-form input[type="text"],
.ig-form input[type="email"],
.ig-form input[type="tel"],
.ig-form select { height: 41px; }
.ig-form textarea { min-height: 140px; resize: vertical; }
.ig-form select {
  appearance: none; -webkit-appearance: none; padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23233746' stroke-width='2'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
}
.ig-form input:focus,
.ig-form select:focus,
.ig-form textarea:focus { box-shadow: 0 0 0 2px #1fcfcb; }
.ig-form ::placeholder { color: #6b6b6b; opacity: 1; }

.ig-form__consent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; margin-bottom: 14px; font-size: 14px; line-height: 21px; }
.ig-form__consent input { width: 20px; height: 20px; margin: 0; accent-color: #1fcfcb; }
.ig-form__consent a { color: #1fcfcb; }

.ig-form button {
  min-width: 100px; height: 40px; padding: 0 20px; border: 0; border-radius: 4px; cursor: pointer;
  font: 500 14px/1 Nunito, sans-serif; color: #fff; background-color: #1fcfcb;
}
.ig-form button:hover, .ig-form button:focus-visible { background-color: #233746; }
.ig-form button:disabled { opacity: .6; cursor: default; }

/* Hidden from people, tempting to bots. */
.ig-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.ig-form__message:empty { display: none; }
.ig-form__message { margin-top: 14px; padding: 12px 14px; border-radius: 4px; font-size: 15px; line-height: 1.5; }
.ig-form__message.is-ok { background: #e7f6ec; color: #17603a; }
.ig-form__message.is-error { background: #fdeaea; color: #8a1f1f; }

.ig-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* The section on the Muslim and Myanmar maid pages, which has no Elementor layout of its own. */
.ig-enquiry-section { padding: 40px 16px; background: #fff; }
.ig-enquiry-section__inner { max-width: 740px; margin: 0 auto; }
.ig-enquiry-section h2 { margin: 0 0 16px; font: 700 40px/1.2 Nunito, sans-serif; color: #222; }
.ig-enquiry-section p { margin: 0 0 24px; font: 400 14px/1.6 Nunito, sans-serif; color: #000; }

/* Contact Us: on phones the form comes first, above the four reasons beside it. */
@media (max-width: 767px) {
  .page-id-4382 .elementor-column:has(form[data-ig-enquiry]) { order: -1; }
}

@media (max-width: 600px) {
  .ig-form__row { grid-template-columns: 1fr; }
  .ig-enquiry-section h2 { font-size: 26px; }
}