<style>
:root{
  /* HubSpot form CSS variables (override defaults) */
  --hsf-global__font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --hsf-global__font-size: 15px;
  --hsf-global__color: #111111;
  --hsf-background__background-color: #ffffff;
  --hsf-button__background-color: #000000;
  --hsf-button__color: #ffffff;
  --hsf-button__border-radius: 6px;
  --hsf-field-input__border-color: #e6e6e6;
  --hsf-field-input__border-radius: 6px;
  --hsf-field-input__padding: 10px 12px;
}

html {
  scroll-behavior: smooth;
}

/* Fallback selectors for forms rendered without variable support */
.hs-form, form.hs-form {
  font-family: var(--hsf-global__font-family) !important;
  color: var(--hsf-global__color) !important;
  background: #000000; !important;
}

/* Inputs / textareas */
.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form select,
.hs-form textarea {
  border: 1px solid var(--hsf-field-input__border-color) !important;
  border-radius: var(--hsf-field-input__border-radius) !important;
  padding: var(--hsf-field-input__padding) !important;
  font-size: var(--hsf-global__font-size) !important;
  background: transparent !important;
  color: var(--hsf-global__color) !important;
}

/* Button */
.hs-form .hs-button.primary,
.hs-form button[type="submit"] {
  background: var(--hsf-button__background-color) !important;
  color: var(--hsf-button__color) !important;
  border-radius: var(--hsf-button__border-radius) !important;
  padding: 10px 18px !important;
  border: none !important;
}

/* Error messages */
.hs-form .hs-error-msgs,
.hs-form .hs-error-msg {
  color: var(--hsf-global-error__color, #b00020) !important;
  font-size: 13px !important;
}

/* Small tweaks: labels, spacing */
.hs-form .hs-form-field label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: var(--hsf-field-label__color, #111111) !important;
}
.hs-form .hs-form-field {
  margin-bottom: 14px;
}

.hs-form .hs-richtext a{
color: #E8B119 !important;
}

@font-face {
  font-family: "GT America";
  src: url("YOUR-FONT-FILE.woff2") format("woff2"),
       url("YOUR-FONT-FILE.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

h1 {
  font-family: "GT America", "Inter", system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  line-height: 1.15;
  color: #000;
}

h2 {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  color: #111; /* NoirDove black */
  margin: 20px 0 10px;
  letter-spacing: -0.3px;
}

h3 {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  color: #111; /* NoirDove black */
  margin: 20px 0 10px;
  letter-spacing: -0.3px;
}



ul.custom-arrows {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Add red right-arrow bullets */
ul.custom-arrows li {
  position: relative;
  padding-left: 22px;   /* space for arrow */
  margin-bottom: 8px;
}

/* The arrow itself */
ul.custom-arrows li::before {
  content: "→"; 
  color: #E60023; /* Red arrow, adjust if needed */
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
}

</style>
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/