
.step-form { background-blend-mode: screen;width: 600px;max-width: 100%;margin: 0 auto;border-radius: 3px;overflow: hidden;box-shadow: 2px 2px 10px rgb(0,0,0, .4);color: white; }
.step-form .overlay { padding: 30px; }
.step-form2 fieldset { max-width: 100% !important; }
.step-form2 .page { display: none; }
.step-form2 .page:nth-child(1) { display: block; }
.step-form .hs-dependent-field { display: flex;flex-wrap: wrap; }
.hs-dependent-field .field { width: 50%;padding: 0 5px;clear: both;margin-bottom: 5px; }
.hs-dependent-field .hs-field-desc { font-weight: bold;margin-bottom: 10px; }
.hs-dependent-field .no-list.hs-error-msgs { display: none !important; }
.step-form .hs_submit { display: none; }
.form-nav { text-align: right;padding: 0 10px; }
.form-nav .inactive { opacity: .3;pointer-events: none; }
.form-nav button { cursor: pointer; }
.form-nav .hs-button { padding: 10px 20px;border: none;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 1px;color: white;background: #fc0; }


.hs-dependent-field .field > label { font-family: Bebas Neue;color: #173753;font-size: 20px; }

.hs-dependent-field .hs-field-desc { font-weight: 500;font-size: 14px;line-height: 1.3em;color: #00aeef; }
.hs-dependent-field .hs_work_email .hs-field-desc { width: 200%; }

.add-content { display: none; }
.content { margin: 0 5px 20px; }
.rep-section { display: none;background: white;margin: 0 5px 10px;color: #1d1d1d; }
.rep-section.SLI-reps { display: block; }
.rep-section h2 { padding: 10px 20px;font-size: 20px;margin: 0;color: white; background: #003875; }
.rep-section h3 { font-size: 18px;margin-bottom: 0;font-weight: 700;color: #003875; }
.rep-object { padding: 10px 20px;border-top: 1px solid #003875; }
.rep-object .object-wrapper { display: flex; }
.rep-object img { width: 100px;float: left;margin-right: 20px; }
.rep-object i { margin-right: 5px;color: #003875; }
.hs-fieldtype-select .input { background: white;position: relative; }
.hs-fieldtype-select .input:after { content: "\f078";font-family: FontAwesome;color: #034b9c;position: absolute;right: 15px;top: 13px; }

.step-form form { max-width: 100%; }
.field.error input, .field.error textarea, .field.error select { border-color: #c87872; }
.hs-fieldtype-checkbox.error > label, .hs-fieldtype-radio.error > label { color: #c87872; }

.step-form2 .form-nav .hs-button { padding: 10px 25px; }

select::-ms-expand { display: none !important; }
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.step-form h2, .step-form h3, .step-form h4, .step-form h2 span, .step-form h3 span, .step-form h4 span { color: color: var(--tooltip-title-color); }
.label-true form .field > label { font-family: var(--tooltip-label-font-family);color: var(--tooltip-label-color);font-size: var(--tooltip-label-font-size); }
.legend-true form .field > legend { font-family: var(--tooltip-legend-font-family);color: var(--tooltip-legend-color);font-size: var(--tooltip-legend-font-size); }
.label-false form .field > label { display: none; }
.legend-false form .field > legend { display: none; }

@media(max-width: 767px) {
  .hs-dependent-field .field { width: 100%; }
  .rep-object .object-wrapper { display: block; }
  .rep-object img { float: none;margin-bottom: 20px;margin-right: 0px; }
  .step-form form .form-columns-2 .hs-form-field .hs-input, .step-form form .form-columns-3 .hs-form-field .hs-input { width: 100% !important; }
}

.rep-section h2 {
    color: white !important;
}