/*
 * Freshworks web form theme matching the supplied screenshot
 * Add class="microai-freshworks-form" around the Freshworks embed.
 */
.microai-form-privacy {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.5;
    color: #666;
}

.microai-form-privacy a {
    color: #7b3ff2;
    text-decoration: underline;
}
.microai-freshworks-form {
  --fw-text: #000000;
  --fw-border: #A7A4A4;
  --fw-border-focus: #8E44AD;
  --fw-button: #8E44AD;
  --fw-button-hover: #000;
  --fw-background: #ffffff;
  --fw-input-height: 50px;
  --fw-radius: 28px;
  width: 100%;
   --fw-font: font-family: "Poppins",Sans-serif;
}
.pum-close{display:block!important}
.microai-freshworks-form br{height: 0px!important;}
/* Main form container */
.microai-freshworks-form .fserv-container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0!important;
  color: var(--fw-text) !important;
  background: var(--fw-background) !important;
  font-family: var(--fw-font) !important; 
  border: 0!important;;
  border-radius: 0px!important;;
  box-shadow: none!important;;
}

/* Force a single-column layout */
.microai-freshworks-form .fserv-container .fserv-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Individual fields */
.microai-freshworks-form .fserv-field {
  box-sizing: border-box !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Labels */
.microai-freshworks-form .fserv-field > label,
.microai-freshworks-form .fserv-field label,
.microai-freshworks-form  .fs-webform-container .fserv-container .fserv-label{
  display: block !important;
  margin: 0px !important;
  color: #000000 !important;
font-family:var(--fw-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
letter-spacing: .2px;
  padding-bottom: 8px;
  text-align: left !important;

}

/* Required symbol */
.microai-freshworks-form .fserv-required,
.microai-freshworks-form abbr[title="required"] {
  color: #000000 !important;
  text-decoration: none !important;
}

/* Text fields, email, phone, number and dropdown */
.microai-freshworks-form
  .fserv-field
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.microai-freshworks-form .fserv-field select {
  width: 100% !important;
  border-radius: 20px!important;;
  border: 1px solid var(--fw-border)!important;
  padding: 1rem !important;
  box-sizing: border-box;
  background-color: #fff!important;;
  font-family:var(--fw-font) !important;
  font-size: 14px !important;
  color: #000!important;
  margin-bottom: 5px!important;

  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textarea */
.microai-freshworks-form .fserv-field textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 130px !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  border: 1px solid var(--fw-border) !important;
  border-radius: 24px !important;
  outline: none !important;
  color: #111111 !important;
  background: #ffffff !important;
  box-shadow: none !important;
 font-family:var(--fw-font) !important;
  font-size: 18px !important;
  resize: vertical !important;
}

/* Focus state */
.microai-freshworks-form
  .fserv-field
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.microai-freshworks-form .fserv-field select:focus,
.microai-freshworks-form .fserv-field textarea:focus {
  border-color: var(--fw-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(145, 66, 184, 0.12) !important;
}

/* Placeholder */
.microai-freshworks-form input::placeholder,
.microai-freshworks-form textarea::placeholder {
  color: #8b8b8b !important;
  opacity: 1 !important;
}

/* Phone field wrapper */
.microai-freshworks-form .iti,
.microai-freshworks-form .intl-tel-input {
  width: 100% !important;
}

/* Hide browser number arrows */
.microai-freshworks-form input[type="number"] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.microai-freshworks-form input[type="number"]::-webkit-inner-spin-button,
.microai-freshworks-form input[type="number"]::-webkit-outer-spin-button {
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Checkbox and radio fields */
.microai-freshworks-form .fserv-field input[type="checkbox"],
.microai-freshworks-form .fserv-field input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  margin: 2px 8px 0 0 !important;
  accent-color: var(--fw-button);
}

/* Error messages */
.microai-freshworks-form .fserv-error,
.microai-freshworks-form .error,
.microai-freshworks-form [role="alert"] {
  display: block !important;
  margin-top: 6px !important;
  color: #c62828 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Submit section */
.microai-freshworks-form .fserv-form > div:last-child,
.microai-freshworks-form .fserv-submit,
.microai-freshworks-form .fserv-button-container {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

/* Full-width purple submit button */
.microai-freshworks-form button[type="submit"],
.microai-freshworks-form input[type="submit"],
.microai-freshworks-form .fserv-button-submit,
.microai-freshworks-form .fserv-form button,
 .fs-webform-container .fserv-container button,
  .microai-freshworks-form .fserv-container button,
 .microai-freshworks-form .fs-webform-container .fserv-container button
  
  {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  background: var(--fw-button) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-family: var(--fw-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;

  text-align: center !important;
  text-transform: none !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
   padding: 5px 20px 4px 20px !important;


   height: auto!important;
  letter-spacing:normal!important;
  line-height: 30px!important;
  overflow: hidden;
  }
.fs-webform-container .fserv-container .fserv-label,
.fs-webform-container .fserv-container button 
{font-size: 16px !important;}


.microai-freshworks-form button[type="submit"]:hover,
.microai-freshworks-form input[type="submit"]:hover,
.microai-freshworks-form .fserv-button-submit:hover,
.microai-freshworks-form .fserv-form button:hover {
  background: var(--fw-button-hover) !important;
}

.microai-freshworks-form button[type="submit"]:active,
.microai-freshworks-form input[type="submit"]:active {
  transform: translateY(1px) !important;
}

/* Tablet */
@media (max-width: 767px) {
  .microai-freshworks-form .fserv-container {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .microai-freshworks-form .fserv-field > label,
  .microai-freshworks-form .fserv-field label {
    font-size: 18px !important;
  }

  .microai-freshworks-form button[type="submit"],
  .microai-freshworks-form input[type="submit"],
  .microai-freshworks-form .fserv-button-submit,
  .microai-freshworks-form .fserv-form button {
    font-size: 21px !important;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .microai-freshworks-form {
    --fw-input-height: 48px;
  }

  .microai-freshworks-form .fserv-container .fserv-form {
    row-gap: 14px !important;
  }

  .microai-freshworks-form .fserv-field > label,
  .microai-freshworks-form .fserv-field label {
    margin-bottom: 7px !important;
    font-size: 16px !important;
  }

  .microai-freshworks-form
    .fserv-field
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  .microai-freshworks-form .fserv-field select,
  .microai-freshworks-form .fserv-field textarea {
    font-size: 16px !important;
  }
}

/* =====================================================
   FRESHWORKS PHONE FIELD
   Updated for the rendered .iti__tel-input HTML structure
===================================================== */

/* Complete phone component */
.microai-freshworks-form .fserv-field .iti {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: var(--fw-input-height) !important;
  min-height: var(--fw-input-height) !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  border: 1px solid var(--fw-border) !important;
  border-radius: 20px !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Actual phone input rendered by intl-tel-input */
.microai-freshworks-form .fserv-field .iti .iti__tel-input, .fserv-input-text.iti__tel-input {
  display: block !important;
  width: 100% !important;
  height: calc(var(--fw-input-height) - 2px) !important;
  min-height: calc(var(--fw-input-height) - 2px) !important;
  margin: 0 !important;

  /*
   * Matches the other fields while reserving space
   * for the globe/flag selector on the left.
   */
  padding: 1rem 1rem 1rem 82px !important;

  border: 0 !important;
  border-radius: 20px !important;
  outline: none !important;
  background-color: transparent !important;
  box-shadow: none !important;

  color: #000000 !important;
  font-family: var(--fw-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  box-sizing: border-box !important; letter-spacing: ;
}

/* Do not apply a second border to the inner phone input */
.microai-freshworks-form .fserv-field .iti .iti__tel-input:hover,
.microai-freshworks-form .fserv-field .iti .iti__tel-input:focus,
.microai-freshworks-form .fserv-field .iti .iti__tel-input:active {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Focus state around the complete phone field */
.microai-freshworks-form .fserv-field .iti:focus-within {
  border-color: var(--fw-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(142, 68, 173, 0.12) !important;
}

/* Phone placeholder */
.microai-freshworks-form .fserv-field .iti .iti__tel-input::placeholder {
  color: #8b8b8b !important;
  opacity: 1 !important;
}

/* Country selector positioning */
.microai-freshworks-form .fserv-field .iti .iti__country-container {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3 !important;
}

/* Country selector button */
.microai-freshworks-form .fserv-field .iti .iti__selected-country {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: calc(var(--fw-input-height) - 2px) !important;
  margin: 0 !important;
  padding: 0 12px !important;

  border: 0 !important;
  border-right: 1px solid #d8d8d8 !important;
  border-radius: 19px 0 0 19px !important;
  outline: none !important;

  color: #000000 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Country button hover and keyboard focus */
.microai-freshworks-form .fserv-field .iti .iti__selected-country:hover,
.microai-freshworks-form .fserv-field .iti .iti__selected-country:focus,
.microai-freshworks-form .fserv-field .iti .iti__selected-country[aria-expanded="true"] {
  background-color: #f7f7f7 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Flag/globe and arrow alignment */
.microai-freshworks-form .fserv-field .iti .iti__selected-country-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.microai-freshworks-form .fserv-field .iti .iti__flag,
.microai-freshworks-form .fserv-field .iti .iti__globe {
  flex: 0 0 auto !important;
}

.microai-freshworks-form .fserv-field .iti .iti__arrow {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Dial code, when enabled */
.microai-freshworks-form .fserv-field .iti .iti__selected-dial-code {
  margin-left: 6px !important;
  color: #000000 !important;
  font-family: var(--fw-font) !important;
  font-size: 14px !important;
}

/* Country dropdown */
.microai-freshworks-form .iti__dropdown-content {
  margin-top: 8px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
  overflow: hidden !important;
  z-index: 999999 !important;
}

/* Country-search input */
.microai-freshworks-form .iti__dropdown-content .iti__search-input {
  width: calc(100% - 24px) !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 12px !important;
  padding: 8px 14px !important;

  border: 1px solid var(--fw-border) !important;
  border-radius: 20px !important;
  outline: none !important;

  color: #000000 !important;
  background-color: #ffffff !important;
  box-shadow: none !important;

  font-family: var(--fw-font) !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.microai-freshworks-form .iti__dropdown-content .iti__search-input:focus {
  border-color: var(--fw-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(142, 68, 173, 0.12) !important;
}

/* Country list */
.microai-freshworks-form .iti__country-list {
  max-height: 240px !important;
}

/* Mobile phone field */
@media (max-width: 480px) {
  .microai-freshworks-form .fserv-field .iti {
    height: var(--fw-input-height) !important;
    min-height: var(--fw-input-height) !important;
  }

  .microai-freshworks-form .fserv-field .iti .iti__tel-input {
    height: calc(var(--fw-input-height) - 2px) !important;
    min-height: calc(var(--fw-input-height) - 2px) !important;
    padding-left: 76px !important;
    font-size: 16px !important;
  }

  .microai-freshworks-form .fserv-field .iti .iti__selected-country {
    width: 64px !important;
    height: calc(var(--fw-input-height) - 2px) !important;
  }
}