.hsfc-Step__Content{
  display:block;
}

.hsfc-Row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 28px;
  margin-bottom:18px;
}

.hsfc-Row:has(> .hsfc-EmailField),
.hsfc-Row:has(> .hsfc-DropdownField),
.hsfc-Row:has(> .hsfc-TextField:only-child){
  grid-template-columns:1fr;
}

.hsfc-TextField,
.hsfc-EmailField,
.hsfc-DropdownField{
  display:flex;
  flex-direction:column;
}

.hsfc-FieldLabel{
  display:block;
  margin:0 0 10px;
  font-size:14px;
  color:rgba(255,255,255,.92);
  font-weight:normal;
}

.hsfc-FieldLabel__RequiredIndicator{
  font-size:12px;
  margin-left:6px;
  opacity:.65;
  color:#e51520;
}

.hsfc-TextInput{
  width:100%;
  height:44px;
  padding:10px 12px;
  background:#f3f5f7;
  border:1px solid rgba(0,0,0,.1);
  border-radius:2px;
  font-size:14px;
  color:#0b1220;
  box-sizing:border-box;
  outline:none;
}

.hsfc-TextInput:focus{
  border-color:#ff7a59;
  box-shadow:0 0 0 3px rgba(255,122,89,.25);
}

.hsfc-DropdownInput{
  position:relative;
}

.hsfc-TextInput--button{
  cursor:pointer;
  padding-right:44px;
}

.hsfc-DropdownInput__Caret{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
}

.hsfc-DropdownInput__Caret span{
  display:block;
  width:0;
  height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:7px solid rgba(0,0,0,.6);
}

.hsfc-NavigationRow{
  margin-top:22px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:12px;
}

.hsfc-NavigationRow__Buttons{
  display:flex;
  gap:12px;
}

.hsfc-Button[type="submit"]{
  background:#ff7a59;
  color:#fff;
  border:0;
  padding:12px 30px;
  font-weight:700;
  border-radius:4px;
  cursor:pointer;
  font-size:14px;
}

.hsfc-Button[type="submit"]:hover{
  filter:brightness(1.05);
}

.hsfc-ErrorAlert{
  color:#e51520;
  font-size:13px;
  margin-top:6px;
}

@media (max-width:767px){
  .hsfc-Row{
    grid-template-columns:1fr;
    gap:16px;
  }
  .hsfc-Row:has(> .hsfc-EmailField),
  .hsfc-Row:has(> .hsfc-DropdownField),
  .hsfc-Row:has(> .hsfc-TextField:only-child){
    grid-template-columns:1fr;
  }
  .hsfc-NavigationRow{
    justify-content:stretch;
  }
  .hsfc-NavigationRow__Buttons{
    flex:1;
  }
  .hsfc-Button[type="submit"]{
    width:100%;
  }
}

 

Buy me a coffee