:root {
  --form-arrow-down: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='currentColor' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  --form-checkmark: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L3.5 7.33936L1 4.45783' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --form-border: 1px solid var(--color-grey-300);
  --form-color-error: var(--color-red-500);
}

/* Form */

.hbspt-form {
  width: 100%;
}

/* Paragraphs */

.hbspt-form .hs-form-field {
    position: relative;
    margin-bottom: 1rem;
  }

/* List */

.hbspt-form ul {
    margin-top: 0 !important;
  }

/* Pseudo element remove */

.hbspt-form li {
    --list-bullet-margin: 0;
  }

.hbspt-form li::before {
      display: none;
    }

.hbspt-form li.hs-form-booleancheckbox label {
        display: flex;
        align-items: flex-start;
        grid-gap: 0;
        gap: 0;
      }

.hbspt-form li.hs-form-booleancheckbox label > span {
          margin-top: -4px;
          margin-left: 12px;
        }

/* Errors */

.hbspt-form .hs-error-msgs {
    color: var(--color-red-500);
    color: var(--form-color-error);
  }

/* Labels */

.hbspt-form label {
    font-weight: 600;
    line-height: 2;
    cursor: pointer;
  }

.hbspt-form label.hs-error-msg {
      color: var(--color-red-500);
      color: var(--form-color-error);
    }

/* Fieldset */

.hbspt-form fieldset {
    max-width: 9999px !important;
    margin-right: -8px;
  }

/* Input, select and textareas */

.hbspt-form input:not([type="submit"]),
  .hbspt-form select,
  .hbspt-form textarea {
    border: 1px solid var(--color-grey-300);
    border: var(--form-border);
    font-family: var(--font-family-base);
    line-height: 1.5;
    letter-spacing: 0.075rem;
    font-weight: 400;
    padding: 0.8rem 1rem;
  }

.hbspt-form input:not([type="submit"]):focus, .hbspt-form select:focus, .hbspt-form textarea:focus {
      outline: 0;
    }

/* Input and textareas, 100% width */

.hbspt-form input[type="text"],
  .hbspt-form input[type="email"],
  .hbspt-form input[type="tel"],
  .hbspt-form textarea {
    width: 100% !important;
  }

/* Select */

.hbspt-form select {
    letter-spacing: 1px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: var(--color-white);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='currentColor' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    background-image: var(--form-arrow-down);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 1em auto, 100%;
  }

.hbspt-form select option {
      padding: 1rem 0;
      color: currentColor;
    }

/* Radio buttons */

.hbspt-form input[type="radio"] {
    width: auto;
  }

/* Checkboxes */

.hbspt-form input[type="radio"],
  .hbspt-form input[type="checkbox"] {
    background-color: var(--color-white);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    min-width: 16px;
    width: 16px;
    height: 16px;
    padding: 0;
    cursor: pointer;
  }

.hbspt-form input[type="radio"]:checked, .hbspt-form input[type="checkbox"]:checked {
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L3.5 7.33936L1 4.45783' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-image: var(--form-checkmark);
      background-repeat: no-repeat, repeat;
      background-position: right .1em top 50%, 0 0;
      background-size: 80% auto, 100%;
    }

/* Legal */

.hbspt-form .legal-consent-container {
    font-size: 0.75rem;
  }

.hbspt-form .legal-consent-container > div {
      margin-bottom: 1rem;
    }

/* Submit */

.hbspt-form .hs-submit .hs-button {
      width: 100%;
    }