.elementor-15799 .elementor-element.elementor-element-85089e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-15799 .elementor-element.elementor-element-1c87193{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-15799 .elementor-element.elementor-element-1c87193.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15799 .elementor-element.elementor-element-f4ead7a .elementor-heading-title{font-weight:700;}.elementor-15799 .elementor-element.elementor-element-6f89e06{color:#000000;}.elementor-15799 .elementor-element.elementor-element-a7acd01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-15799 .elementor-element.elementor-element-a7acd01:not(.elementor-motion-effects-element-type-background), .elementor-15799 .elementor-element.elementor-element-a7acd01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003147;}.elementor-15799 .elementor-element.elementor-element-fd10304{color:#FFFFFF;}@media(min-width:768px){.elementor-15799 .elementor-element.elementor-element-1c87193{--width:30%;}.elementor-15799 .elementor-element.elementor-element-a7acd01{--width:70%;}}/* Start custom CSS *//* ==========================================
   HubSpot Raw HTML Form, Elementor Styles
   Transparent background, white text
   ========================================== */

/* ---------- 1. BASE CONTAINER ---------- */

.hs-form,
.hs-form fieldset,
.hs-form fieldset.form-columns-1,
.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3 {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.hs-form {
  max-width: 900px;
  margin: 0 auto;
}

/* ---------- 2. ROW LAYOUT (the actual fix) ---------- */

.hs-form .form-columns-1,
.hs-form .form-columns-2,
.hs-form .form-columns-3 {
  display: grid !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

.hs-form .form-columns-1 { grid-template-columns: 1fr !important; }
.hs-form .form-columns-2 { grid-template-columns: 1fr 1fr !important; }
.hs-form .form-columns-3 { grid-template-columns: 1fr 1fr 1fr !important; }

/* Kill HubSpot's float and percentage widths */
.hs-form .hs-form-field {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Kill the 8px right margin HubSpot puts on .input */
.hs-form .hs-form-field > .input {
  margin: 0 !important;
  width: 100% !important;
}

/* ---------- 3. LABELS ---------- */

.hs-form label {
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  margin: 0 0 6px 0 !important;
}

.hs-form label .hs-form-required {
  color: #ff3f00 !important;
  margin-left: 3px !important;
}

.hs-form .hs-field-desc {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 13px !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

/* Hide empty legends HubSpot injects */
.hs-form legend:empty,
.hs-form .hs-field-desc:empty {
  display: none !important;
}

/* ---------- 4. FIELDS ---------- */

.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form input[type="number"],
.hs-form input[type="password"],
.hs-form input[type="date"],
.hs-form select,
.hs-form textarea,
.hs-form .hs-input {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  padding: 14px 22px !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 26px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.hs-form ::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
  opacity: 1 !important;
}

/* ---------- 5. SELECT DROPDOWNS ---------- */

.hs-form select,
.hs-form select.hs-input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding-right: 46px !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
  background-size: 14px 9px !important;
  cursor: pointer !important;
}

.hs-form select option {
  background-color: #002b49 !important;
  color: #ffffff !important;
}

/* ---------- 6. TEXTAREA ---------- */

.hs-form textarea,
.hs-form textarea.hs-input {
  min-height: 130px !important;
  border-radius: 20px !important;
  resize: vertical !important;
  padding: 16px 22px !important;
}

/* ---------- 7. INTERNATIONAL PHONE FIELD ---------- */

.hs-form .hs-fieldtype-intl-phone.hs-input {
  display: flex !important;
  gap: 10px !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}

.hs-form .hs-fieldtype-intl-phone.hs-input select {
  flex: 0 0 110px !important;
  width: 110px !important;
}

.hs-form .hs-fieldtype-intl-phone.hs-input input {
  flex: 1 1 auto !important;
  width: auto !important;
}

/* ---------- 8. FOCUS AND ERROR STATES ---------- */

.hs-form input:focus,
.hs-form select:focus,
.hs-form textarea:focus {
  border-color: #ff3f00 !important;
  box-shadow: 0 0 0 1px #ff3f00 !important;
}

.hs-form .hs-input.invalid,
.hs-form .hs-input.error,
.hs-form input.invalid,
.hs-form select.invalid,
.hs-form textarea.invalid {
  border-color: #ff3f00 !important;
}

.hs-form .hs-error-msgs,
.hs-form ul.hs-error-msgs {
  list-style: none !important;
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
}

.hs-form .hs-error-msgs li {
  margin: 0 !important;
  padding: 0 !important;
}

.hs-form .hs-error-msg,
.hs-form .hs-error-msgs label {
  color: #ff5c33 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* ---------- 9. AUTOFILL (Chrome white box fix) ---------- */

.hs-form input:-webkit-autofill,
.hs-form input:-webkit-autofill:hover,
.hs-form input:-webkit-autofill:focus,
.hs-form textarea:-webkit-autofill,
.hs-form select:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
  caret-color: #ffffff !important;
}

/* ---------- 10. CHECKBOXES AND RADIOS ---------- */

.hs-form .inputs-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hs-form .inputs-list li {
  margin: 0 0 8px 0 !important;
}

.hs-form .inputs-list label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-weight: 400 !important;
}

.hs-form .inputs-list input[type="checkbox"],
.hs-form .inputs-list input[type="radio"] {
  width: auto !important;
  min-height: 0 !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;
  border-radius: 3px !important;
  accent-color: #ff3f00 !important;
}

.hs-form .hs-richtext,
.hs-form .legal-consent-container,
.hs-form .legal-consent-container p {
  color: #ffffff !important;
  font-size: 13px !important;
}

/* ---------- 11. SUBMIT BUTTON ---------- */

.hs-form .hs_submit,
.hs-form .hs-submit {
  width: 100% !important;
  margin-top: 6px !important;
}

.hs-form .hs_submit .actions {
  padding: 0 !important;
  margin: 0 !important;
}

.hs-form input[type="submit"],
.hs-form .hs-button,
.hs-form .hs-button.primary {
  display: inline-block !important;
  width: auto !important;
  min-height: 0 !important;
  background-color: #ff3f00 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  padding: 16px 44px !important;
  border: none !important;
  border-radius: 30px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.hs-form input[type="submit"]:hover,
.hs-form .hs-button:hover {
  background-color: #d93600 !important;
}

/* ---------- 12. SUBMITTED MESSAGE ---------- */

.submitted-message,
.hs-form .submitted-message {
  color: #ffffff !important;
  font-size: 16px !important;
}

/* ---------- 13. RESPONSIVE ---------- */

@media (max-width: 1024px) {
  .hs-form .form-columns-3 {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 767px) {
  .hs-form .form-columns-2,
  .hs-form .form-columns-3 {
    grid-template-columns: 1fr !important;
  }

  .hs-form input[type="submit"],
  .hs-form .hs-button {
    width: 100% !important;
    text-align: center !important;
  }
}/* End custom CSS */