/*
 * Freshworks web form theme matching the supplied screenshot
 * Add class="plasma-freshworks-form" around the Freshworks embed.
 */
.plasma-form-privacy { margin-top: 12px;  font-size: 13px;  line-height: 1.5;  color: #666;}
.powered-by {display: none !important;}
.fs-webform-container .fserv-container {padding:10px!important;}
.plasma-form-privacy a {color: #7b3ff2; text-decoration: underline;}

.fs_a67f4663fccfddd93dd379b316c7136443e4758a5db4cf73f4bf98942ee5407e .fserv-container{
    --fw-font-family: "Roboto", sans-serif!important;
    font-family: "Roboto", sans-serif !important;
    background-color:transparent!important;
    width: 100% !important;
}

.plasma-freshworks-form {
  --fw-text: #000000;
  --fw-border: #A7A4A4;
  --fw-border-focus: #FE6A32;
  --fw-button: #FE6A32;
  --fw-button-hover: #000000;
  --fw-background: transparent;
  --fw-input-height: 44px;
  --fw-radius: 28px;
  --fw-width: 100%;
  --fw-font: "Roboto", sans-serif;
}
.pum-close{display:block!important}
.plasma-freshworks-form br{height: 0px!important;}
/* Main form container */
.plasma-freshworks-form .fserv-container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 20px 20px 20px!important;
  color: var(--fw-text) !important;
  background: var(--fw-background) !important;
  font-family: var(--fw-font) !important; 
  border: 0!important;;
  border-radius: 12px!important;;
  box-shadow: none!important;;
}

/* Force a single-column layout */
.plasma-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 */
.plasma-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 */
.plasma-freshworks-form .fserv-field > label,
.plasma-freshworks-form .fserv-field label,
.plasma-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 */
.plasma-freshworks-form .fserv-required,
.plasma-freshworks-form abbr[title="required"] {
  color: #000000 !important;
  text-decoration: none !important;
}

/* Text fields, email, phone, number and dropdown */
.plasma-freshworks-form
  .fserv-field
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.plasma-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 */
.plasma-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 */
.plasma-freshworks-form
  .fserv-field
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.plasma-freshworks-form .fserv-field select:focus,
.plasma-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 */
.plasma-freshworks-form input::placeholder,
.plasma-freshworks-form textarea::placeholder {
  color: #8b8b8b !important;
  opacity: 1 !important;
}

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

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

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

/* Checkbox and radio fields */
.plasma-freshworks-form .fserv-field input[type="checkbox"],
.plasma-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 */
.plasma-freshworks-form .fserv-error,
.plasma-freshworks-form .error,
.plasma-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 */
.plasma-freshworks-form .fserv-form > div:last-child,
.plasma-freshworks-form .fserv-submit,
.plasma-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 */
.plasma-freshworks-form button[type="submit"],
.plasma-freshworks-form input[type="submit"],
.plasma-freshworks-form .fserv-button-submit,
.plasma-freshworks-form .fserv-form button,
 .fs-webform-container .fserv-container button,
  .plasma-freshworks-form .fserv-container button,
 .plasma-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 5px 20px !important;


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


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

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

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

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

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

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

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

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

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

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

/* Complete phone component */
.plasma-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 */
.plasma-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: normal !important;
}

/* Do not apply a second border to the inner phone input */
.plasma-freshworks-form .fserv-field .iti .iti__tel-input:hover,
.plasma-freshworks-form .fserv-field .iti .iti__tel-input:focus,
.plasma-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 */
.plasma-freshworks-form .fserv-field .iti:focus-within {
  border-color: var(--fw-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(254, 106, 50, 0.12) !important;
}

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

/* Country selector positioning */
.plasma-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 */
.plasma-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 */
.plasma-freshworks-form .fserv-field .iti .iti__selected-country:hover,
.plasma-freshworks-form .fserv-field .iti .iti__selected-country:focus,
.plasma-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 */
.plasma-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;
}

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

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

/* Dial code, when enabled */
.plasma-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 */
.plasma-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 */
.plasma-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;
}

.plasma-freshworks-form .iti__dropdown-content .iti__search-input:focus {
  border-color: var(--fw-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(254, 106, 50, 0.12) !important;
}

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

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

  .plasma-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;
  }

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


/* =====================================================
   FRESHWORKS FORM — DEFAULT FIELD STYLING
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
:is(.fserv-container, .plasma-freshworks-form)
textarea,
:is(.fserv-container, .plasma-freshworks-form)
select,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-input-text,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select-field {
    width: 100%;
    border: 1px solid #d9dde5 !important;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: none !important;
    outline: none;
    box-sizing: border-box;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* =====================================================
   TEXT INPUTS
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]) {
    min-height: 42px;
    padding: 10px 12px;
}


/* =====================================================
   TEXTAREA
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
textarea {
    min-height: 120px;
    padding: 10px 12px;
    resize: vertical;
}


/* =====================================================
   SELECT/DROPDOWN
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
select,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select-field {
    min-height: 42px;
}


/* =====================================================
   PLACEHOLDER
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
input::placeholder,
:is(.fserv-container, .plasma-freshworks-form)
textarea::placeholder {
    color: #a5b1c2;
    opacity: 1;
}


/* =====================================================
   HOVER STATE
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):hover,
:is(.fserv-container, .plasma-freshworks-form)
textarea:hover,
:is(.fserv-container, .plasma-freshworks-form)
select:hover,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select:hover,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select-field:hover {
    border-color: #aeb5c0 !important;
}


/* =====================================================
   FOCUS STATE
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):focus,
:is(.fserv-container, .plasma-freshworks-form)
textarea:focus,
:is(.fserv-container, .plasma-freshworks-form)
select:focus,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select:focus,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-select-field:focus {
    border-color: #9c27b0 !important;
    box-shadow:
        0 0 0 1px #9c27b0 !important;
    outline: none !important;
}


/* =====================================================
   INVALID FIELD
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
.plasma-invalid-field {
    border-color:#ff0000 !important;
    box-shadow:
        0 0 0 1px #dc2626 !important;
}


/* =====================================================
   VALIDATION ERROR MESSAGE
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
.plasma-validation-error {
    display: block;
    width: 100%;
    margin-top: 6px;
    color: #dc2626;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
}


/* =====================================================
   FRESHWORKS NATIVE ERROR MESSAGE
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
.fserv-error,
:is(.fserv-container, .plasma-freshworks-form)
.fserv-error-message {
    margin-top: 6px;
    color: #dc2626 !important;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 1.4;
}


/* =====================================================
   LABELS
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
.fserv-label,
:is(.fserv-container, .plasma-freshworks-form)
label {
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}


/* =====================================================
   REQUIRED ASTERISK
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
.fserv-required
.fserv-label::after {
    color: #dc2626;
}


/* =====================================================
   FIELD SPACING
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
.fserv-field {
    margin-bottom: 22px;
}


/* =====================================================
   CHECKBOX AND RADIO
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
input[type="checkbox"],
:is(.fserv-container, .plasma-freshworks-form)
input[type="radio"] {
    accent-color: #9c27b0;
}


/* =====================================================
   SUBMIT BUTTON
===================================================== */

:is(.fserv-container, .plasma-freshworks-form)
button[type="submit"],
:is(.fserv-container, .plasma-freshworks-form)
input[type="submit"],
:is(.fserv-container, .plasma-freshworks-form)
.fserv-button-submit {
    cursor: pointer;
}


/* =====================================================
   MOBILE
===================================================== */

@media screen and (max-width: 480px) {
    :is(.fserv-container, .plasma-freshworks-form)
    input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
    :is(.fserv-container, .plasma-freshworks-form)
    textarea,
    :is(.fserv-container, .plasma-freshworks-form)
    select {
        font-size: 16px;
    }

    :is(.fserv-container, .plasma-freshworks-form)
    .fserv-field {
        margin-bottom: 18px;
    }
}


/**
 * Plasma Freshworks Form Validation Styles
 *
 * Manage all validation colors and typography here.
 */

.plasma-freshworks-form {
    --fw-error-color: #ff0000;
    --fw-error-border-width: 1px;
    --fw-error-font-size: 13px;
    --fw-error-font-weight: 400;
    --fw-error-line-height: 1.4;
    --fw-error-spacing: 5px;
    --fw-error-focus-shadow: 0 0 0 1px #d93025;
}

/* Invalid regular fields */
.plasma-freshworks-form .plasma-field-invalid,
.plasma-freshworks-form .plasma-has-error input:not([type="hidden"]),
.plasma-freshworks-form .plasma-has-error textarea,
.plasma-freshworks-form .plasma-has-error select {
    border-color: var(--fw-error-color) !important;
    border-style: solid !important;
    border-width: var(--fw-error-border-width) !important;
    box-shadow: none !important;
    outline: none !important;
}

/*
 * Phone component host.
 * The JS also injects a small style into its Shadow DOM so
 * the visible phone input receives this same red border.
 */
.plasma-freshworks-form
fsa-country-phone[data-plasma-invalid="true"] {
    --fw-error-color: #d93025;
    --fw-error-focus-shadow: 0 0 0 1px #ff0000;
}

/* Error message */
.plasma-freshworks-form .fserv-control {
    color: var(--fw-error-color) !important;
    font-size: var(--fw-error-font-size) !important;
    font-weight: var(--fw-error-font-weight) !important;
    line-height: var(--fw-error-line-height) !important;
    margin-top: var(--fw-error-spacing) !important;
}

/* Invalid field focus */
.plasma-freshworks-form .plasma-field-invalid:focus,
.plasma-freshworks-form
.plasma-has-error input:not([type="hidden"]):focus,
.plasma-freshworks-form .plasma-has-error textarea:focus,
.plasma-freshworks-form .plasma-has-error select:focus {
    border-color: var(--fw-error-color) !important;
    box-shadow: var(--fw-error-focus-shadow) !important;
    outline: none !important;
}

/* Invalid label */
.plasma-freshworks-form
.plasma-has-error > .fserv-label {
    color: var(--fw-error-color) !important;
}

/* Checkbox and radio error indication */
.plasma-freshworks-form
.plasma-has-error input[type="checkbox"],
.plasma-freshworks-form
.plasma-has-error input[type="radio"] {
    accent-color: var(--fw-error-color);
}


/* =====================================================
   PLASMA FRESHWORKS — V4 FINAL OVERRIDES
   Keep this entire section at the VERY END.
   All original CSS above remains unchanged.
===================================================== */

.plasma-freshworks-form {
    --fw-error-color: #ff0000;
    --fw-error-border-width: 1px;
    --fw-error-focus-shadow: 0 0 0 1px #ff0000;
    --fw-textarea-height: 100px;
}

/* -----------------------------------------------------
   1. INVALID BORDER — REGULAR FIELDS

   Use:
   - JS invalid classes
   - parent error class
   - non-empty Freshworks error message as fallback

   The :has() fallback is important when Freshworks
   re-renders an input and removes its temporary class.
----------------------------------------------------- */

.plasma-freshworks-form
:is(
    input.plasma-field-invalid,
    input.plasma-invalid-field,
    textarea.plasma-field-invalid,
    textarea.plasma-invalid-field,
    select.plasma-field-invalid,
    select.plasma-invalid-field
),
.plasma-freshworks-form
.fserv-field.plasma-has-error
:is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    textarea,
    select
),
.plasma-freshworks-form
.fserv-field:has(> .fserv-control:not(:empty))
:is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    textarea,
    select
) {
    border: var(--fw-error-border-width) solid var(--fw-error-color) !important;
    border-color: var(--fw-error-color) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Invalid border must remain red on hover/focus */
.plasma-freshworks-form
:is(
    input.plasma-field-invalid,
    input.plasma-invalid-field,
    textarea.plasma-field-invalid,
    textarea.plasma-invalid-field,
    select.plasma-field-invalid,
    select.plasma-invalid-field
):is(:hover, :focus, :active),
.plasma-freshworks-form
.fserv-field.plasma-has-error
:is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    textarea,
    select
):is(:hover, :focus, :active),
.plasma-freshworks-form
.fserv-field:has(> .fserv-control:not(:empty))
:is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    textarea,
    select
):is(:hover, :focus, :active) {
    border-color: var(--fw-error-color) !important;
    box-shadow: var(--fw-error-focus-shadow) !important;
    outline: none !important;
}

/* -----------------------------------------------------
   2. CUSTOM SELECT / TOPIC OF INTEREST
----------------------------------------------------- */

.plasma-freshworks-form
.fserv-field.plasma-custom-select-error
:is(
    select,
    fsa-select,
    fsa-multi-select,
    fsa-dropdown,
    .fserv-select,
    .fserv-select-field,
    .fserv-multi-select,
    .fserv-dropdown,
    [role="combobox"],
    [aria-haspopup="listbox"]
),
.plasma-freshworks-form
.fserv-field:has(> .fserv-control:not(:empty))
:is(
    select,
    fsa-select,
    fsa-multi-select,
    fsa-dropdown,
    .fserv-select,
    .fserv-select-field,
    .fserv-multi-select,
    .fserv-dropdown,
    [role="combobox"],
    [aria-haspopup="listbox"]
) {
    border: var(--fw-error-border-width) solid var(--fw-error-color) !important;
    border-color: var(--fw-error-color) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* -----------------------------------------------------
   3. PHONE — FLAG AND NUMBER AREA
----------------------------------------------------- */

/*
 * The actual phone elements are in Shadow DOM and are
 * styled by the V4 JavaScript. These host rules pass the
 * CSS variables into that Shadow DOM.
 */
.plasma-freshworks-form
fsa-country-phone[data-plasma-invalid="true"] {
    --fw-error-color: #ff0000;
    --fw-error-border-width: 1px;
    --fw-error-focus-shadow: 0 0 0 1px #ff0000;
}

/*
 * Fallback for Freshworks versions that expose .iti in
 * the normal DOM.
 */
.plasma-freshworks-form
.fserv-field.plasma-phone-has-error
.iti,
.plasma-freshworks-form
.fserv-field:has(
    fsa-country-phone[data-plasma-invalid="true"]
)
.iti {
    border: var(--fw-error-border-width) solid var(--fw-error-color) !important;
    border-color: var(--fw-error-color) !important;
    box-shadow: none !important;
    outline: none !important;
}

.plasma-freshworks-form
.fserv-field.plasma-phone-has-error
.iti__selected-country,
.plasma-freshworks-form
.fserv-field:has(
    fsa-country-phone[data-plasma-invalid="true"]
)
.iti__selected-country {
    border-color: var(--fw-error-color) !important;
}

/* -----------------------------------------------------
   4. ERROR MESSAGE
----------------------------------------------------- */

.plasma-freshworks-form
:is(
    .fserv-control:not(:empty),
    .plasma-validation-error,
    .fserv-error,
    .fserv-error-message,
    [role="alert"]
) {
    display: block !important;
    color: var(--fw-error-color) !important;
    font-family: "Poppins", sans-serif !important;
    font-size: var(--fw-error-font-size, 13px) !important;
    font-style: normal !important;
    font-weight: var(--fw-error-font-weight, 400) !important;
    line-height: var(--fw-error-line-height, 1.4) !important;
    margin-top: var(--fw-error-spacing, 5px) !important;
}

/* Keep labels black; only border/message is red */
.plasma-freshworks-form
.fserv-field.plasma-has-error
> .fserv-label,
.plasma-freshworks-form
.fserv-field:has(> .fserv-control:not(:empty))
> .fserv-label {
    color: #000000 !important;
}

/* -----------------------------------------------------
   5. TEXTAREA HEIGHT
----------------------------------------------------- */

.plasma-freshworks-form
.fserv-field
textarea {
    height: var(--fw-textarea-height) !important;
    min-height: var(--fw-textarea-height) !important;
    max-height: none !important;
    resize: vertical !important;
}

/* -----------------------------------------------------
   6. RESPONSIVE COLUMNS

   Default = one column.
   Add class "plasma-two-column" to the SAME wrapper
   only when a two-column desktop layout is required:

   <div class="plasma-freshworks-form plasma-two-column">
----------------------------------------------------- */

/* Explicit default one-column structure */
.plasma-freshworks-form
.fserv-container
.fserv-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 20px !important;
    row-gap: 10px !important;
}

/* Optional two columns on tablet/desktop */
@media screen and (min-width: 768px) {
    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .fserv-form {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .fserv-field {
        grid-column: auto !important;
        min-width: 0 !important;
    }

    /*
     * Textareas, submit area, privacy/consent blocks and
     * explicitly marked fields remain full width.
     */
    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .fserv-field:has(textarea),
    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .fserv-submit,
    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .fserv-button-container,
    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .fserv-form > div:last-child,
    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .plasma-full-width {
        grid-column: 1 / -1 !important;
    }
}

/* Always return to one column on mobile */
@media screen and (max-width: 767px) {
    .plasma-freshworks-form,
    .plasma-freshworks-form.plasma-two-column {
        --fw-textarea-height: 100px;
    }

    .plasma-freshworks-form
    .fserv-container
    .fserv-form,
    .plasma-freshworks-form.plasma-two-column
    .fserv-container
    .fserv-form {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

    .plasma-freshworks-form
    .fserv-container
    .fserv-field {
        grid-column: 1 / -1 !important;
    }
}


/* =====================================================
   PLASMA FRESHWORKS — V5 MODERN VALIDATION UI
   Keep this section at the absolute end of the CSS file.
===================================================== */

/* Central visual variables */
.plasma-freshworks-form {
    --fw-error-color: #e53935;
    --fw-error-bg: #ffffff;
    --fw-error-text: #b42318;
    --fw-error-border: #f3b4b0;
    --fw-error-shadow:
        0 8px 22px rgba(180, 35, 24, 0.12);
}

/*
 * Modern HTML5-style validation bubble.
 * It appears below the field with a small pointer.
 */
.plasma-freshworks-form
.fserv-control.plasma-validation-bubble:not(:empty) {
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    max-width: calc(100% - 8px) !important;
    margin: 8px 0 0 8px !important;
    padding: 8px 11px !important;
    border: 1px solid var(--fw-error-border) !important;
    border-radius: 8px !important;
    color: var(--fw-error-text) !important;
    background: var(--fw-error-bg) !important;
    box-shadow: var(--fw-error-shadow) !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    z-index: 5 !important;
}

/* Bubble pointer */
.plasma-freshworks-form
.fserv-control.plasma-validation-bubble:not(:empty)::before {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    left: 14px !important;
    width: 10px !important;
    height: 10px !important;
    border-top: 1px solid var(--fw-error-border) !important;
    border-left: 1px solid var(--fw-error-border) !important;
    background: var(--fw-error-bg) !important;
    transform: rotate(45deg) !important;
}

/* Prevent a second normal-DOM border on the phone host */
.plasma-freshworks-form
.fserv-field.plasma-phone-has-error
fsa-country-phone,
.plasma-freshworks-form
fsa-country-phone[data-plasma-invalid="true"] {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}


/* =====================================================
   PLASMA FRESHWORKS — V6 UNIFIED FIELD UI
   Keep this section at the absolute end of the CSS file.
===================================================== */

.plasma-freshworks-form {
    /* Manage all normal field styling here */
    --fw-control-border-color: #a7a4a4;
    --fw-control-border-width: 1px;
    --fw-control-radius: 20px;
    --fw-control-height: 44px;
    --fw-control-padding-x: 16px;
    --fw-control-background: #ffffff;
    --fw-control-text-color: #000000;
    --fw-control-placeholder-color: #a5b1c2;
    --fw-control-font-size: 14px;
    --fw-control-focus-color: #fe6a32;
    --fw-control-divider-color: #d8d8d8;

    /* Textarea remains shorter but uses the same border */
    --fw-textarea-height: 100px;
}

/* -----------------------------------------------------
   TEXT, EMAIL, NUMBER AND OTHER NORMAL INPUTS
----------------------------------------------------- */

.plasma-freshworks-form
.fserv-field
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
    width: 100% !important;
    height: var(--fw-control-height) !important;
    min-height: var(--fw-control-height) !important;
    padding:
        0
        var(--fw-control-padding-x) !important;
    border:
        var(--fw-control-border-width)
        solid
        var(--fw-control-border-color) !important;
    border-radius:
        var(--fw-control-radius) !important;
    color:
        var(--fw-control-text-color) !important;
    background:
        var(--fw-control-background) !important;
    box-shadow: none !important;
    outline: none !important;
    font-family:
        var(--fw-font, "Poppins", sans-serif) !important;
    font-size:
        var(--fw-control-font-size) !important;
    box-sizing: border-box !important;
}

/* -----------------------------------------------------
   TEXTAREA
----------------------------------------------------- */

.plasma-freshworks-form
.fserv-field
textarea {
    width: 100% !important;
    height: var(--fw-textarea-height) !important;
    min-height: var(--fw-textarea-height) !important;
    padding:
        14px
        var(--fw-control-padding-x) !important;
    border:
        var(--fw-control-border-width)
        solid
        var(--fw-control-border-color) !important;
    border-radius:
        var(--fw-control-radius) !important;
    color:
        var(--fw-control-text-color) !important;
    background:
        var(--fw-control-background) !important;
    box-shadow: none !important;
    outline: none !important;
    font-family:
        var(--fw-font, "Poppins", sans-serif) !important;
    font-size:
        var(--fw-control-font-size) !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

/* -----------------------------------------------------
   PLACEHOLDER
----------------------------------------------------- */

.plasma-freshworks-form
input::placeholder,
.plasma-freshworks-form
textarea::placeholder {
    color:
        var(--fw-control-placeholder-color) !important;
    opacity: 1 !important;
}

.plasma-freshworks-form
.fserv-field
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.plasma-freshworks-form
.fserv-field
textarea:focus {
    border-color:
        var(--fw-control-focus-color) !important;
    box-shadow:
        0 0 0 2px rgba(
            142,
            68,
            173,
            0.12
        ) !important;
}

/* Prevent a second border on the phone host */
.plasma-freshworks-form
fsa-country-phone,
.plasma-freshworks-form
fsa-country-phone[data-plasma-invalid="true"] {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Mobile */
@media screen and (max-width: 480px) {
    .plasma-freshworks-form {
        --fw-control-height: 48px;
        --fw-control-font-size: 16px;
        --fw-textarea-height: 100px;
    }
}


/* =====================================================
   PLASMA FRESHWORKS — V7 FLOATING ERROR TOOLTIP
   Keep this section at the absolute end of the CSS file.
===================================================== */

/*
 * The field remains the positioning reference.
 * The tooltip is removed from normal document flow,
 * therefore the next field will not move downward.
 */
.plasma-freshworks-form
.fserv-field {
    position: relative !important;
}

/*
 * Modern validation tooltip:
 * - does not affect layout height
 * - width follows its text content
 * - never becomes full width
 * - wraps safely on small screens
 */
.plasma-freshworks-form
.fserv-field
> .fserv-control.plasma-validation-bubble:not(:empty),
.plasma-freshworks-form
.fserv-field
> .fserv-control:not(:empty) {
    top: calc(100% + 7px) !important;
    left: 8px !important;
    right: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    width: max-content !important;
    min-width: 0 !important;
    max-width: min(320px, calc(100vw - 48px)) !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    color: var(--fw-error-text, #b42318) !important;

    font-family:
        var(--fw-font, "Poppins", sans-serif) !important;
    font-size:
        var(--fw-error-font-size, 12px) !important;
    font-style: normal !important;
    font-weight:
        var(--fw-error-font-weight, 500) !important;
    line-height: 1.35 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;

    z-index: 9999 !important;
    pointer-events: none !important;
}

/* Tooltip pointer */
.plasma-freshworks-form
.fserv-field
> .fserv-control.plasma-validation-bubble:not(:empty)::before,
.plasma-freshworks-form
.fserv-field
> .fserv-control:not(:empty)::before {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    left: 14px !important;

    width: 10px !important;
    height: 10px !important;

    border-top:
        1px solid
        var(--fw-error-border, #f3b4b0) !important;
    border-left:
        1px solid
        var(--fw-error-border, #f3b4b0) !important;

    background:
        var(--fw-error-bg, #ffffff) !important;

    transform: rotate(45deg) !important;
}

/*
 * Prevent old spacing rules from reserving vertical
 * space underneath the field.
 */
.plasma-freshworks-form
.fserv-field.plasma-has-error,
.plasma-freshworks-form
.fserv-field.plasma-modern-error,
.plasma-freshworks-form
.fserv-field:has(> .fserv-control:not(:empty)) {
    padding-bottom: 0 !important;
}

/*
 * Keep the active field and its tooltip above neighboring
 * form controls.
 */
.plasma-freshworks-form
.fserv-field.plasma-has-error,
.plasma-freshworks-form
.fserv-field.plasma-modern-error,
.plasma-freshworks-form
.fserv-field:focus-within {
    z-index: 20 !important;
}

/*
 * Do not clip the floating tooltip.
 */
.plasma-freshworks-form,
.plasma-freshworks-form
.fserv-container,
.plasma-freshworks-form
.fserv-form,
.plasma-freshworks-form
.fserv-field {
    overflow: visible !important;
}

/*
 * Tooltip width follows short content, but long messages
 * remain readable on mobile.
 */
@media screen and (max-width: 480px) {
    .plasma-freshworks-form
    .fserv-field
    > .fserv-control.plasma-validation-bubble:not(:empty),
    .plasma-freshworks-form
    .fserv-field
    > .fserv-control:not(:empty) {
        max-width: min(280px, calc(100vw - 36px)) !important;
        font-size: 12px !important;
    }
}


/* =====================================================
   PLASMA FRESHWORKS — V8 UI REFINEMENTS
   Keep this section at the absolute end of the CSS file.
===================================================== */

.plasma-freshworks-form {
    --fw-control-border-color: #a7a4a4;
    --fw-control-radius: 20px;
    --fw-control-background: transparent;
}

/* -----------------------------------------------------
   REMOVE WHITE FORM BACKGROUND
----------------------------------------------------- */

.plasma-freshworks-form,
.plasma-freshworks-form .fs-webform-container,
.plasma-freshworks-form .fserv-container,
.plasma-freshworks-form .fserv-form {
    background: transparent !important;
    background-color: transparent !important;
}

/* -----------------------------------------------------
   PHONE RADIUS MATCH
   The visible phone control is inside Shadow DOM.
   These variables are inherited by the injected JS style.
----------------------------------------------------- */

.plasma-freshworks-form
fsa-country-phone {
    --fw-control-radius: 20px;
}

/* -----------------------------------------------------
   BUTTON ROLLOVER EFFECT
----------------------------------------------------- */

.plasma-freshworks-form
button[type="submit"],
.plasma-freshworks-form
input[type="submit"],
.plasma-freshworks-form
.fserv-button-submit,
.plasma-freshworks-form
.fserv-form button {
    position: relative !important;
    overflow: hidden !important;
    transform: translateY(0) !important;
    transition:
        background-color 0.25s ease,
        transform 0.2s ease,
        box-shadow 0.25s ease !important;
}

/* Hover / rollover */
.plasma-freshworks-form
button[type="submit"]:hover,
.plasma-freshworks-form
input[type="submit"]:hover,
.plasma-freshworks-form
.fserv-button-submit:hover,
.plasma-freshworks-form
.fserv-form button:hover {
    background: #6f2f8f !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 10px 22px rgba(254, 106, 50, 0.28) !important;
}

/* Keyboard focus */
.plasma-freshworks-form
button[type="submit"]:focus-visible,
.plasma-freshworks-form
input[type="submit"]:focus-visible,
.plasma-freshworks-form
.fserv-button-submit:focus-visible,
.plasma-freshworks-form
.fserv-form button:focus-visible {
    outline: 2px solid rgba(254, 106, 50, 0.35) !important;
    outline-offset: 3px !important;
}

/* Press effect */
.plasma-freshworks-form
button[type="submit"]:active,
.plasma-freshworks-form
input[type="submit"]:active,
.plasma-freshworks-form
.fserv-button-submit:active,
.plasma-freshworks-form
.fserv-form button:active {
    transform: translateY(0) scale(0.99) !important;
    box-shadow:
        0 4px 10px rgba(254, 106, 50, 0.2) !important;
}


/* =====================================================
   PLASMA FRESHWORKS — V9 FINAL LAYERING & BORDER FIX
   Keep this section at the absolute end of the CSS file.
===================================================== */

.plasma-freshworks-form {
    --fw-control-border-color: #a7a4a4;
    --fw-control-border-width: 1px;
    --fw-control-radius: 20px;
    --fw-control-background: #ffffff;
}

/* -----------------------------------------------------
   1. REMOVE FORM / CONTAINER WHITE BACKGROUND
----------------------------------------------------- */

.plasma-freshworks-form,
.plasma-freshworks-form .fs-webform-container,
.plasma-freshworks-form .fserv-container,
.plasma-freshworks-form .fserv-form,
.plasma-freshworks-form form {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/*
 * Phone inherits the same normal border variables inside
 * its Shadow DOM through the existing JavaScript.
 */
.plasma-freshworks-form
fsa-country-phone {
    --fw-control-border-color: #a7a4a4;
    --fw-control-border-width: 1px;
    --fw-control-radius: 20px;
    --fw-control-background: #ffffff;
}

/* -----------------------------------------------------
   3. ERROR TOOLTIP ABOVE ALL FOLLOWING LABELS
----------------------------------------------------- */

/*
 * Give every normal field a low, explicit stacking level.
 */
.plasma-freshworks-form
.fserv-field {
    position: relative !important;
    z-index: 1 !important;
}

/*
 * The active/error field and its floating tooltip must sit
 * above every field that follows it.
 */
.plasma-freshworks-form
.fserv-field.plasma-has-error,
.plasma-freshworks-form
.fserv-field.plasma-modern-error,
.plasma-freshworks-form
.fserv-field:has(> .fserv-control:not(:empty)),
.plasma-freshworks-form
.fserv-field:focus-within {
    z-index: 1000 !important;
}

/*
 * Keep the tooltip out of document flow while placing it
 * above the next field label.
 */
.plasma-freshworks-form
.fserv-field
> .fserv-control.plasma-validation-bubble:not(:empty),
.plasma-freshworks-form
.fserv-field
> .fserv-control:not(:empty) {
    
    top: calc(100% + 7px) !important;
    left: 8px !important;
    right: auto !important;

    display: inline-flex !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: min(320px, calc(100vw - 48px)) !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    z-index: 100000 !important;
    pointer-events: none !important;
}

/*
 * Ensure later fields and their labels cannot establish a
 * higher stacking level than the visible tooltip.
 */
.plasma-freshworks-form
.fserv-field:not(.plasma-has-error):not(.plasma-modern-error) {
    isolation: auto !important;
}

.plasma-freshworks-form
.fserv-field
> .fserv-label,
.plasma-freshworks-form
.fserv-field
> label {
    position: relative !important;
    z-index: 1 !important;
}

/*
 * Prevent parent containers from clipping the tooltip.
 */
.plasma-freshworks-form,
.plasma-freshworks-form .fs-webform-container,
.plasma-freshworks-form .fserv-container,
.plasma-freshworks-form .fserv-form,
.plasma-freshworks-form form,
.plasma-freshworks-form .fserv-field {
    overflow: visible !important;
}


/* =====================================================
   PLASMA FRESHWORKS — V10 FINAL RESET
   Keep this section at the absolute end of the CSS file.
===================================================== */

.plasma-freshworks-form {
    --fw-control-border-color: #a7a4a4;
    --fw-control-border-width: 1px;
    --fw-control-radius: 20px;
    --fw-control-background: #ffffff;

    --fw-error-color: #ff0000;
    --fw-error-font-size: 13px;
    --fw-error-font-weight: 400;
    --fw-error-line-height: 1.4;
    --fw-error-spacing: 5px;
}

/* -----------------------------------------------------
   1. FORCE COMPLETE FORM BACKGROUND TO TRANSPARENT
----------------------------------------------------- */

.plasma-freshworks-form,
.plasma-freshworks-form::before,
.plasma-freshworks-form::after,
.plasma-freshworks-form form,
.plasma-freshworks-form .fs-webform-container,
.plasma-freshworks-form .fs-webform-container::before,
.plasma-freshworks-form .fs-webform-container::after,
.plasma-freshworks-form .fserv-container,
.plasma-freshworks-form .fserv-container::before,
.plasma-freshworks-form .fserv-container::after,
.plasma-freshworks-form .fserv-form,
.plasma-freshworks-form .fserv-form::before,
.plasma-freshworks-form .fserv-form::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* -----------------------------------------------------
   2. REVERT ERROR MESSAGE TO NORMAL FLOW
----------------------------------------------------- */

.plasma-freshworks-form
.fserv-field {
    position: relative !important;
    z-index: auto !important;
    overflow: visible !important;
}

/*
 * Error messages now sit below the field and take normal
 * layout space. This removes all tooltip overlap issues.
 */
.plasma-freshworks-form
.fserv-field
> .fserv-control,
.plasma-freshworks-form
.fserv-field
> .fserv-control.plasma-validation-bubble {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin:
        var(--fw-error-spacing)
        0
        0
        0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color:
        var(--fw-error-color) !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;

    font-family:
        var(--fw-font, "Poppins", sans-serif) !important;
    font-size:
        var(--fw-error-font-size) !important;
    font-style: normal !important;
    font-weight:
        var(--fw-error-font-weight) !important;
    line-height:
        var(--fw-error-line-height) !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;

    z-index: auto !important;
    pointer-events: auto !important;
}

/* Remove the old tooltip arrow */
.plasma-freshworks-form
.fserv-field
> .fserv-control::before,
.plasma-freshworks-form
.fserv-field
> .fserv-control::after,
.plasma-freshworks-form
.fserv-field
> .fserv-control.plasma-validation-bubble::before,
.plasma-freshworks-form
.fserv-field
> .fserv-control.plasma-validation-bubble::after {
    content: none !important;
    display: none !important;
}

/* Hide empty Freshworks message containers */
.plasma-freshworks-form
.fserv-field
> .fserv-control:empty {
    display: none !important;
    margin: 0 !important;
}

/* -----------------------------------------------------
   6. PHONE NORMAL BORDER VARIABLES
----------------------------------------------------- */

.plasma-freshworks-form
.fsa-country-phone {
    --fw-control-border-color: #a7a4a4;
    --fw-control-border-width: 0px;
    --fw-control-radius: 20px;
    --fw-control-background: #ffffff;
}


/* =====================================================
   PHONE FIELD – SINGLE COMBINED ROUNDED BOX
   ===================================================== */

.plasma-freshworks-form .iti,
.fserv-container .iti {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: var(--fw-input-height, 44px) !important;

  border: 1px solid var(--fw-border, #a7a4a4) !important;
  border-radius: var(--fw-radius, 28px) !important;
  background: transparent !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Remove border from the actual phone input */
.plasma-freshworks-form .iti input[type="tel"],
.plasma-freshworks-form .iti .iti__tel-input,
.fserv-container .iti input[type="tel"],
.fserv-container .iti .iti__tel-input {
  width: 100% !important;
  min-width: 0 !important;
  height: var(--fw-input-height, 44px) !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 18px !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 var(--fw-radius, 28px) var(--fw-radius, 28px) 0 !important;

  color: var(--fw-text, #000000) !important;
  background: transparent !important;
  font-family: var(--fw-font, "Poppins", sans-serif) !important;
  box-sizing: border-box !important;
}

/* Flag and country-code section */
.plasma-freshworks-form .iti__selected-country,
.plasma-freshworks-form .iti__selected-flag,
.fserv-container .iti__selected-country,
.fserv-container .iti__selected-flag {
  height: var(--fw-input-height, 44px) !important;
  min-width: 88px !important;

  padding: 0 12px !important;

  border: 0 !important;
  border-right: 1px solid var(--fw-border, #a7a4a4) !important;
  border-radius: var(--fw-radius, 28px) 0 0 var(--fw-radius, 28px) !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* Remove internal wrapper borders */
.plasma-freshworks-form .iti__flag-container,
.plasma-freshworks-form .iti__selected-country-primary,
.fserv-container .iti__flag-container,
.fserv-container .iti__selected-country-primary {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Focus state around the complete phone field */
.plasma-freshworks-form .iti:focus-within,
.fserv-container .iti:focus-within {
  border-color: var(--fw-border-focus, #fe6a32) !important;
}

/* Country dropdown should remain rectangular */
.plasma-freshworks-form .iti__dropdown-content,
.fserv-container .iti__dropdown-content {
  border-radius: 10px !important;
}
/* =====================================================
   PLASMA FRESHWORKS — FINAL PHONE COUNTRY DROPDOWN FIX
   Keep this section at the absolute end of the CSS file.
===================================================== */

/* Main phone component */
.plasma-freshworks-form .fserv-field .iti {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: var(--fw-control-height, var(--fw-input-height, 44px)) !important;
    min-height: var(--fw-control-height, var(--fw-input-height, 44px)) !important;
    overflow: visible !important;
}

/*
 * The country container must not be restricted to the
 * phone field height, because the dropdown is its child.
 */
.plasma-freshworks-form
.fserv-field
.iti
.iti__country-container {
    position: absolute !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    display: block !important;
    align-items: initial !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    z-index: 999999 !important;
}

/* Clickable selected-country button */
.plasma-freshworks-form
.fserv-field
.iti
.iti__selected-country {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 74px !important;
    height: var(--fw-control-height, var(--fw-input-height, 44px)) !important;
    min-height: var(--fw-control-height, var(--fw-input-height, 44px)) !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 0 !important;
    border-right: 1px solid var(--fw-control-divider-color, #d8d8d8) !important;
    border-radius: var(--fw-control-radius, 20px) 0 0 var(--fw-control-radius, 20px) !important;

    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 2 !important;
}

/* Flag, arrow, and dial code alignment */
.plasma-freshworks-form
.iti__selected-country-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.plasma-freshworks-form
.iti__selected-dial-code {
    margin-left: 6px !important;
}

/* Let intl-tel-input control open/close through .iti__hide */
.plasma-freshworks-form
.iti__dropdown-content.iti__hide {
    display: none !important;
}

/* Open country dropdown */
.plasma-freshworks-form
.iti__dropdown-content:not(.iti__hide) {
    position: absolute !important;
    top: calc(var(--fw-control-height, var(--fw-input-height, 44px)) + 6px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: min(505px, calc(100vw - 40px)) !important;
    min-width: 300px !important;
    max-width: calc(100vw - 40px) !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d8d8d8 !important;
    border-radius: 12px !important;

    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;

    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 9999999 !important;
}

/* Country search field */
.plasma-freshworks-form
.iti__dropdown-content
.iti__search-input {
    display: block !important;
    width: calc(100% - 24px) !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 12px !important;
    padding: 8px 14px !important;

    border: 1px solid var(--fw-control-border-color, #a7a4a4) !important;
    border-radius: 20px !important;

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

    font-family: var(--fw-font, "Poppins", sans-serif) !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}

.plasma-freshworks-form
.iti__dropdown-content
.iti__search-input:focus {
    border-color: var(--fw-control-focus-color, #fe6a32) !important;
    box-shadow: 0 0 0 2px rgba(254, 106, 50, 0.12) !important;
}

/* Scrollable country list */
.plasma-freshworks-form
.iti__dropdown-content
.iti__country-list {
    position: static !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 100px !important;
    max-height: 250px !important;

    margin: 0 !important;
    padding: 0 0 8px !important;

    list-style: none !important;
    background: #ffffff !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

/* Country rows */
.plasma-freshworks-form
.iti__country-list
.iti__country {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 40px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 8px 12px !important;

    color: #000000 !important;
    background: #ffffff !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
}

.plasma-freshworks-form
.iti__country-list
.iti__country:hover,
.plasma-freshworks-form
.iti__country-list
.iti__country.iti__highlight {
    background: #f2f2f2 !important;
}

.plasma-freshworks-form
.iti__country-name {
    flex: 1 1 auto !important;
    color: #000000 !important;
}

.plasma-freshworks-form
.iti__country-list
.iti__dial-code {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    color: #666666 !important;
}

/* Prevent wrappers from clipping the open dropdown */
.plasma-freshworks-form,
.plasma-freshworks-form form,
.plasma-freshworks-form .fs-webform-container,
.plasma-freshworks-form .fserv-container,
.plasma-freshworks-form .fserv-form,
.plasma-freshworks-form .fserv-field,
.plasma-freshworks-form fsa-country-phone {
    overflow: visible !important;
}

/* Mobile */
@media screen and (max-width: 480px) {
    .plasma-freshworks-form
    .iti__dropdown-content:not(.iti__hide) {
        width: calc(100vw - 40px) !important;
        min-width: 260px !important;
        max-width: calc(100vw - 40px) !important;
    }

    .plasma-freshworks-form
    .iti__dropdown-content
    .iti__country-list {
        max-height: 220px !important;
    }
}
/* =====================================================================
   PLASMA FRESHWORKS — INDUSTRY (SINGLE) + INTERESTS (MULTIPLE) SELECT2
   Single consolidated section. Replaces every previous scattered/
   duplicated select2 + ui-selectmenu rule in this file.

   Structure on the page:
     .formserv-select-field / .formserv-select-multiple-field   (fserv-field wrapper)
       select.select2-hidden-accessible                          (real, visually hidden)
       span.select2-container
         span.selection > span.select2-selection--single|multiple  (the visible control)
         span.dropdown-wrapper                                     (select2 portals the open dropdown here)

   Key behavior fixes baked into this section (not just cosmetics):
     1. Freshworks also initializes jQuery UI Selectmenu on these
        selects. Its button is hidden entirely — Select2 is the only
        visible control.
     2. The multi-select's search box is Select2's default *inline*
        design (rendered inside the tag row). That inline box is what
        produced the double-border / native search-decoration / stray
        validation issues. It is now hidden unconditionally; the
        select-fix.js script physically relocates the SAME input
        element into the open dropdown panel (class
        "plasma-search-in-dropdown" toggles its visibility here), so
        search now behaves like the single-select: it only exists
        inside the open dropdown, never inline in the control.
     3. Any field with an open dropdown is forced to the top of the
        stacking order so later fields on the page can never paint
        over an open options list.
   ===================================================================== */

/* ---- 1. Kill the redundant jQuery UI Selectmenu control ---- */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
.ui-selectmenu-button {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
}

/* ---- 2. Field wrapper: positioning context for the anchored dropdown ---- */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field) {
    position: relative !important;
    overflow: visible !important;
}

/* ---- 3. The real <select> stays in the DOM (Select2 needs it) but never paints ---- */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
select.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ---- 4. Select2's own wrapper span: no styling of its own, just a shell ---- */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
> span.select2-container {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* ---- 5. THE visible control — shared shell for single + multiple ---- */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
:is(.select2-selection--single, .select2-selection--multiple) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: var(--fw-input-height, 44px) !important;
    padding: 5px var(--fw-select-arrow-space, 40px) 5px 16px !important;
    border: 1px solid var(--fw-border, #a7a4a4) !important;
    border-radius: var(--fw-radius, 20px) !important;
    background: #ffffff !important;
    color: var(--fw-text, #000000) !important;
    font-family: var(--fw-font, "Poppins", sans-serif) !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: border-color 0.15s ease !important;
}

.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
:is(.select2-selection--single, .select2-selection--multiple):hover {
    border-color: #8a8a8a !important;
}

/* Focus / open state */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
.select2-container--open
:is(.select2-selection--single, .select2-selection--multiple),
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
.select2-container--focus
:is(.select2-selection--single, .select2-selection--multiple) {
    border-color: var(--fw-border-focus, #fe6a32) !important;
    box-shadow: 0 0 0 2px rgba(254, 106, 50, 0.15) !important;
}

/* Real validation error state only (see plasma-freshworks.js) */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field).plasma-has-error
:is(.select2-selection--single, .select2-selection--multiple) {
    border-color: var(--fw-error-color, #ff0000) !important;
    box-shadow: none !important;
}

/* Custom dropdown arrow (CSS triangle), one definition for both variants */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
:is(.select2-selection--single, .select2-selection--multiple)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    width: 0 !important;
    height: 0 !important;
    border-width: 5px 4px 0 !important;
    border-style: solid !important;
    border-color: #777777 transparent transparent !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
.select2-selection__arrow {
    display: none !important;
}

/* ---- 6. Rendered content (selected value / placeholder / chips) ---- */
.plasma-freshworks-form
.formserv-select-field
.select2-selection__rendered {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--fw-text, #000000) !important;
    line-height: normal !important;
}

.plasma-freshworks-form
.formserv-select-field
.select2-selection__placeholder {
    color: #a5b1c2 !important;
}

.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__rendered {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

/* Empty-state placeholder for the multi-select (shown via JS-toggled classes) */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection--multiple.plasma-select-empty::before {
    content: attr(data-plasma-placeholder) !important;
    color: #a5b1c2 !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
}

/* Selected chips */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__choice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f1e6fb !important;
    color: #4a2f66 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__choice__remove {
    color: #6d3fa0 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

/* ---- 7. Inline search box: ALWAYS hidden. It only ever appears        ---- */
/* ---- inside the open dropdown, relocated there by select-fix.js.     ---- */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-search--inline {
    display: none !important;
}

.plasma-freshworks-form
.formserv-select-multiple-field
.select2-search--inline.plasma-search-in-dropdown {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e4e0e8 !important;
}

.plasma-freshworks-form
input.select2-search__field {
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border: 1px solid var(--fw-border, #a7a4a4) !important;
    border-radius: 10px !important;
    color: var(--fw-text, #000000) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: var(--fw-font, "Poppins", sans-serif) !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.plasma-freshworks-form
input.select2-search__field:focus {
    border-color: var(--fw-border-focus, #fe6a32) !important;
}

.plasma-freshworks-form
input.select2-search__field::placeholder {
    color: #a5b1c2 !important;
    opacity: 1 !important;
}

/* Kill native type="search" chrome (decoration/cancel button) + spellcheck squiggle */
.plasma-freshworks-form
input.select2-search__field::-webkit-search-decoration,
.plasma-freshworks-form
input.select2-search__field::-webkit-search-cancel-button,
.plasma-freshworks-form
input.select2-search__field::-webkit-search-results-button,
.plasma-freshworks-form
input.select2-search__field::-webkit-search-results-decoration {
    display: none !important;
    -webkit-appearance: none !important;
}

.plasma-freshworks-form
input.select2-search__field::-webkit-spelling-error,
.plasma-freshworks-form
input.select2-search__field::-webkit-grammar-error {
    text-decoration: none !important;
}

/* Single-select's native dropdown search (Select2 default location — already correct) */
.plasma-freshworks-form
.select2-search--dropdown {
    padding: 10px 12px !important;
    border-bottom: 1px solid #e4e0e8 !important;
}

/* ---- 8. The open dropdown panel itself ---- */
.plasma-freshworks-form .select2-dropdown,
.plasma-select2-dropdown {
    border: 1px solid var(--fw-border, #a7a4a4) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14) !important;
    overflow: hidden !important;
}

.plasma-freshworks-form .select2-results__options {
    max-height: 260px !important;
    overflow-y: auto !important;
    padding: 4px 0 !important;
    margin: 0 !important;
}

.plasma-freshworks-form .select2-results__options {
    list-style: none !important;
}

.plasma-freshworks-form .select2-results__option {
    display: block !important;
    width: 100% !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-sizing: border-box !important;
}

.plasma-freshworks-form
.select2-results__option--highlighted[aria-selected] {
    background-color: #fe6a32 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.plasma-freshworks-form
.select2-results__option[aria-selected="true"] {
    background-color: #fdece3 !important;
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* select-fix.js positions the dropdown host absolutely inside the field */
.plasma-select2-dropdown-host {
    position: absolute !important;
}

/* ---- 9. An open dropdown must always win stacking ties against every ---- */
/* ---- later field on the page (later DOM order otherwise wins ties). ---- */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field):has(> .select2-container--open) {
    position: relative !important;
    z-index: 2000000 !important;
}


/* =====================================================
   PLASMA SELECT2 — VISIBLE OPTIONS FIX
   Keep at the absolute end of the CSS file
===================================================== */

/* Arrange search and results vertically */
.plasma-freshworks-form
.plasma-select2-dropdown {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Search must occupy its own full-width row */
.plasma-freshworks-form
.plasma-select2-dropdown
> .plasma-search-in-dropdown {
    display: block !important;
    flex: 0 0 auto !important;

    width: 100% !important;
    min-width: 100% !important;

    margin: 0 !important;
    padding: 10px 12px !important;

    border: 0 !important;
    border-bottom: 1px solid #e4e0e8 !important;
    box-sizing: border-box !important;
}

/* Search input */
.plasma-freshworks-form
.plasma-select2-dropdown
> .plasma-search-in-dropdown
> .select2-search__field {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border: 1px solid var(--fw-border, #a7a4a4) !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
}

/* Results wrapper must remain full width */
.plasma-freshworks-form
.plasma-select2-dropdown
> .select2-results {
    display: block !important;
    flex: 1 1 auto !important;
    clear: both !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* This is the element currently collapsing to 0px */
.plasma-freshworks-form
.plasma-select2-dropdown
.select2-results__options {
    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: 260px !important;

    margin: 0 !important;
    padding: 4px 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

/* Individual option rows */
.plasma-freshworks-form
.plasma-select2-dropdown
.select2-results__option {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    color: #000000 !important;
    background: #ffffff !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

/* Plasma-orange rollover */
.plasma-freshworks-form
.plasma-select2-dropdown
.select2-results__option--highlighted[aria-selected],
.plasma-freshworks-form
.plasma-select2-dropdown
.select2-results__option:hover {
    color: #ffffff !important;
    background: #fe6a32 !important;
}

/* Keep selected choices identifiable */
.plasma-freshworks-form
.plasma-select2-dropdown
.select2-results__option[aria-selected="true"] {
    color: #000000 !important;
    background: #fdece3 !important;
}

/* Keep complete dropdown above page content */
.plasma-freshworks-form
.plasma-select2-dropdown-host {
    overflow: visible !important;
    z-index: 9999999 !important;
}
/* =====================================================
   INTERESTS — SELECTED VALUE UI FIX
   Keep at the absolute end of the CSS file
===================================================== */

/*
 * The search must never appear inside the closed
 * multi-select control, even if the JS leaves the
 * plasma-search-in-dropdown class attached.
 */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection--multiple
.select2-search--inline,
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection--multiple
.select2-search--inline.plasma-search-in-dropdown {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Show search only when it has actually moved into the dropdown */
.plasma-freshworks-form
.plasma-select2-dropdown
> .select2-search--inline.plasma-search-in-dropdown {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e4e0e8 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Match Industry and Interests borders with other form fields */
.plasma-freshworks-form
.fs-webform-container
.fserv-container
:is(.formserv-select-field, .formserv-select-multiple-field)
:is(.select2-selection--single, .select2-selection--multiple) {
    border: 1px solid #a7a4a4 !important;
    border-color: #a7a4a4 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

/* Clean, flexible selected-value container */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection--multiple {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;

    padding: 7px 40px 7px 16px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Chip-row layout */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection--multiple
.select2-selection__rendered {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: auto !important;

    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Selected chips */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__choice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    max-width: 100% !important;
    min-height: 26px !important;

    margin: 0 !important;
    padding: 4px 10px !important;

    border: 0 !important;
    border-radius: 14px !important;

    color: #4a2f66 !important;
    background: #f1e6fb !important;

    font-size: 13px !important;
    line-height: 18px !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

/* Remove button inside selected chips */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__choice__remove {
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: #6d3fa0 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

/* Maintain orange border only while open/focused */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
.select2-container--open
:is(.select2-selection--single, .select2-selection--multiple),
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field)
.select2-container--focus
:is(.select2-selection--single, .select2-selection--multiple) {
    border-color: #fe6a32 !important;
    box-shadow: 0 0 0 2px rgba(254, 106, 50, 0.12) !important;
}

/* Keep the border red only for a real validation error */
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field).plasma-has-error
:is(.select2-selection--single, .select2-selection--multiple),
.plasma-freshworks-form
:is(.formserv-select-field, .formserv-select-multiple-field).plasma-select2-error
:is(.select2-selection--single, .select2-selection--multiple) {
    border-color: var(--fw-error-color, #ff0000) !important;
    box-shadow: none !important;
}


/* =====================================================
   INTERESTS — REMOVE SEARCH + ALIGN CHIP X
   Keep at the absolute end of the CSS file
===================================================== */

/* Remove the search field from the Interests dropdown */
.plasma-freshworks-form
.formserv-select-multiple-field
.plasma-select2-dropdown
.select2-search--inline,
.plasma-freshworks-form
.formserv-select-multiple-field
.plasma-select2-dropdown
.plasma-search-in-dropdown,
.plasma-freshworks-form
.formserv-select-multiple-field
.plasma-select2-dropdown
.select2-search__field {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Ensure results begin immediately without blank space */
.plasma-freshworks-form
.formserv-select-multiple-field
.plasma-select2-dropdown
.select2-results {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.plasma-freshworks-form
.formserv-select-multiple-field
.plasma-select2-dropdown
.select2-results__options {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    max-height: 260px !important;

    margin: 0 !important;
    padding: 4px 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Selected chip */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__choice {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 28px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 4px 10px !important;

    border: 0 !important;
    border-radius: 15px !important;

    color: #4a2f66 !important;
    background: #f1e6fb !important;

    font-size: 13px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* Correct the position of the × remove button */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__choice
.select2-selection__choice__remove {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 16px !important;

    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    color: #6d3fa0 !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-align: center !important;

    transform: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

/* Remove-button rollover */
.plasma-freshworks-form
.formserv-select-multiple-field
.select2-selection__choice
.select2-selection__choice__remove:hover {
    color: #ffffff !important;
    background: #fe6a32 !important;
}

/* =========================================================
   Plasma Freshworks Newsletter Form — Footer Style
   Usage: class="plasma-freshworks-form newsletter"
   ========================================================= */

.plasma-freshworks-form.newsletter {
    --newsletter-bg: #1d1d35!important;
    --newsletter-label: #b8b8b8!important;
    --newsletter-input-bg: #f2f2f2!important;
    --newsletter-border: #c9c9c9!important;
    --newsletter-button: #ff6a32!important;

    background: var(--newsletter-bg) !important;
    color: var(--newsletter-label) !important;
}

/* Match the form background with the footer */
.plasma-freshworks-form.newsletter .fserv-container,
.plasma-freshworks-form.newsletter .fserv-form,
.plasma-freshworks-form.newsletter form {
    background: var(--newsletter-bg) !important;
    color: var(--newsletter-label) !important;
}

/* White field label */
.plasma-freshworks-form.newsletter .fserv-label,
.plasma-freshworks-form.newsletter label, 
.plasma-freshworks-form.newsletter .fserv-field > label, 
.plasma-freshworks-form.newsletter .fserv-field label, 
.plasma-freshworks-form.newsletter .fs-webform-container .fserv-container .fserv-label {
    color: var(--newsletter-label) !important;
}

/* Keep required asterisk red */
.plasma-freshworks-form.newsletter .fserv-label .required,
.plasma-freshworks-form.newsletter .fserv-label span {
    color: #ff4d4d !important;
}

/* Light-gray input background and border */
.plasma-freshworks-form.newsletter input,
.plasma-freshworks-form.newsletter .fserv-input-text {
    background-color: var(--newsletter-input-bg) !important;
    color: #1d1d35 !important;
    border: 1px solid var(--newsletter-border) !important;
    box-shadow: none !important;
}

/* Placeholder */
.plasma-freshworks-form.newsletter input::placeholder,
.plasma-freshworks-form.newsletter .fserv-input-text::placeholder {
    color: #8b8b95 !important;
    opacity: 1;
}

/* Input focus */
.plasma-freshworks-form.newsletter input:focus,
.plasma-freshworks-form.newsletter .fserv-input-text:focus {
    border-color: var(--newsletter-border) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) !important;
}

/* Keep border gray even when validation fails */
.plasma-freshworks-form.newsletter
.fserv-field[class*="invalid"] input,
.plasma-freshworks-form.newsletter
.fserv-field[class*="error"] input,
.plasma-freshworks-form.newsletter
input[aria-invalid="true"] {
    border-color: var(--newsletter-border) !important;
}

/* Light-gray divider above the button */
.plasma-freshworks-form.newsletter hr,
.plasma-freshworks-form.newsletter .fserv-button-submit-wrapper {
    border-color: var(--newsletter-border) !important;
}

/* Subscribe button */
.plasma-freshworks-form.newsletter button,
.plasma-freshworks-form.newsletter .fserv-button-submit {
    background: var(--newsletter-button) !important;
    color: #ffffff !important;
    border-color: var(--newsletter-button) !important;
}

/* Button hover */
.plasma-freshworks-form.newsletter button:hover,
.plasma-freshworks-form.newsletter .fserv-button-submit:hover {
    background: #ffffff !important;
    color: #1d1d35 !important;
    border-color: #ffffff !important;
}


/* =========================================================
   Plasma Freshworks Retail Form
   Usage: class="plasma-freshworks-form retail"
   ========================================================= */

.plasma-freshworks-form.retail {
    --retail-bg: #1e6200;
    --retail-label: #ffffff;
    --retail-input-bg: #f2f2f2;
    --retail-border: #c9c9c9;
    --retail-button: #ff6a32;

    background: var(--retail-bg) !important;
    color: var(--retail-label) !important;
}

/* Form background */
.plasma-freshworks-form.retail .fserv-container,
.plasma-freshworks-form.retail .fserv-form,
.plasma-freshworks-form.retail form {
    background: var(--retail-bg) !important;
    color: var(--retail-label) !important;
}

/* White labels */
.plasma-freshworks-form.retail .fserv-label,
.plasma-freshworks-form.retail label, 
.plasma-freshworks-form.retail .fserv-field > label, 
.plasma-freshworks-form.retail .fserv-field label, 
.plasma-freshworks-form.retail .fs-webform-container .fserv-container .fserv-label,



.plasma-freshworks-form.retail .fserv-field > .fserv-control:not(:empty)

  {
    color: var(--retail-label) !important;
}

/* Required asterisk */
.plasma-freshworks-form.retail .fserv-label .required,
.plasma-freshworks-form.retail .fserv-label span {
    color: #ff4d4d !important;
}

/* Input fields */
.plasma-freshworks-form.retail input,
.plasma-freshworks-form.retail .fserv-input-text {
    background-color: var(--retail-input-bg) !important;
    color: #1d1d35 !important;
    border: 1px solid var(--retail-border) !important;
    box-shadow: none !important;
}

/* Placeholder */
.plasma-freshworks-form.retail input::placeholder,
.plasma-freshworks-form.retail .fserv-input-text::placeholder {
    color: #8b8b95 !important;
    opacity: 1;
}

/* Input focus */
.plasma-freshworks-form.retail input:focus,
.plasma-freshworks-form.retail .fserv-input-text:focus {
    border-color: var(--retail-border) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15) !important;
}

/* Keep input border gray during validation */
.plasma-freshworks-form.retail
.fserv-field[class*="invalid"] input,
.plasma-freshworks-form.retail
.fserv-field[class*="error"] input,
.plasma-freshworks-form.retail
input[aria-invalid="true"] {
    border-color: var(--retail-border) !important;
}

/* Divider above the button */
.plasma-freshworks-form.retail hr,
.plasma-freshworks-form.retail .fserv-button-submit-wrapper {
    border-color: var(--retail-border) !important;
}

/* Submit button */
.plasma-freshworks-form.retail button,
.plasma-freshworks-form.retail .fserv-button-submit {
    background: var(--retail-button) !important;
    color: #ffffff !important;
    border-color: var(--retail-button) !important;
}

/* Submit button hover */
.plasma-freshworks-form.retail button:hover,
.plasma-freshworks-form.retail .fserv-button-submit:hover {
    background: #ffffff !important;
    color: #1e6200 !important;
    border-color: #ffffff !important;
}

.plasma-freshworks-form.newsletter .fs-webform-container .fserv-field+div:not(.fserv-field),
.plasma-freshworks-form.retail .fs-webform-container .fserv-field+div:not(.fserv-field)
{border-top:none!important;}