.section-img-form-outer{position: relative;background-repeat: no-repeat;background-size:cover;background-position:center;overflow-x: clip;z-index: 1;}
.section-img-form-outer .section-img-form-wrapper{position:relative;overflow: hidden;display: flex;gap: 50px;align-items: center;justify-content: space-between;}
.section-img-form {flex-wrap: wrap;justify-content: center;display: flex;row-gap: 20px;flex-direction: column;z-index: 1; position: relative;width: 45%;max-width: 460px;}   
.section-img-form-wrapper .section-hero-form{width: 55%;max-width: 545px;}
.section-img-form-outer .container {width: 100%;margin: 0 auto;max-width: 1240px;padding: 0 20px;}
.section-img-form h2 {font-size: 47px;line-height: 1.1;font-family: 'DIN Pro', sans-serif;font-weight: 400;margin-bottom: 30px;}
.section-img-form h2.center {text-align: center;}
.section-img-form h2 span{color:#333;font-family: 'DIN Pro',sans-serif;}
.section-img-form h3 {font-family: 'DIN Pro', sans-serif;font-size: 36px;line-height: 42px;text-align: center;color: #333;letter-spacing: 0.3px;font-weight: 400;}
.section-img-form .banner-content{max-width: 825px;}
.section-img-form .banner-content,.section-img-form .banner-content p {font-family: 'DIN Pro',sans-serif;font-size:24px;line-height:1.4;letter-spacing: .2px;color: #333;font-weight: 300;padding: 0;}
@media only screen and (max-width: 992px) {
  .section-img-form-outer .section-img-form-wrapper{gap:30px;}
}
@media only screen and (max-width: 768px) {
.section-img-form h2 {font-size: 38px;line-height: 45px;} 
.section-img-form-outer .section-img-form-wrapper{flex-direction: column !important;}
.section-img-form,.section-img-form-wrapper .section-hero-form{width:100% }
}
/**** Start Form *****/
.section-hero-form h3{float:left;width:100%;color:#333;font-size:47px;line-height:1.1;font-weight:400;font-family:'DIN Pro',Open Sans,sans-serif;}
.section-hero-form form .hs-button {background: #E40C5B;font-family: 'DIN Pro',Open Sans,sans-serif;
    color: #fff;font-size: 18px;font-weight: 700 !important;padding: 17px 25px;text-transform: uppercase;display: inline-block;line-height: 23px;text-align:center;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;border:0;}
.section-hero-form form .hs-button:hover{filter:brightness(115%);-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.section-hero-form form, .section-hero-form form fieldset {max-width: 100%;margin: 0 auto;clear:both;}
.section-hero-form form fieldset.form-columns-2{display: flex;/*flex-direction: column;gap: 20px;*/column-gap: 10px;}
/*.section-hero-form form fieldset.form-columns-2 .hs-form-field{width:100%}*/
.section-hero-form form .hs-form-field:not(.hs-fieldtype-radio)>label {display: block;margin-bottom: 5px;color: #333;font-size: 16px;line-height: 1.2;font-weight: 400;font-family: 'DIN Pro',Open Sans,sans-serif;}
.section-hero-form form .hs-form-field:not(.hs-fieldtype-radio)>label *{font-family: 'DIN Pro',Open Sans,sans-serif;}
.section-hero-form form .hs-form-field.hs-fieldtype-radio>label {font-size: 16px;}
.section-hero-form form>fieldset>div, .section-hero-form form>.hs-form-field {margin-bottom: 20px;}
.section-hero-form form .inputs-list {margin-bottom: 0;}
.section-hero-form form .hs-form-field input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]), .section-hero-form form .hs-form-field textarea, .section-hero-form form .hs-form-field select {font-size:16px;box-shadow: none;color: #222222;padding: 5px 10px;height: 33px;border: 1px solid #CED4DA;background: #FFFFFF;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-webkit-appearance: none;width: 100% !important;margin-bottom: 0;font-family: 'Poppins',Open Sans,sans-serif;}
.section-hero-form form .hs-form-field input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]):focus, .section-hero-form form .hs-form-field textarea:focus, .section-hero-form form .hs-form-field select:focus,.section-hero-form form .hs-form-field input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]):focus-visible, .section-hero-form form .hs-form-field textarea:focus-visible, .section-hero-form form .hs-form-field select:focus-visible{border:1px solid #4C32B7;outline: #4C32B7;}
.section-hero-form form .hs-form-field textarea{height: 80px;}
.section-hero-form form .hs-form-field input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button])::placeholder, .section-hero-form form .hs-form-field textarea::placeholder, .section-hero-form form .hs-form-field select::placeholder {color: #CED4DA;font-family: 'DIN Pro',Open Sans,sans-serif;}
.section-hero-form form .hs-richtext, .section-hero-form form .hs-richtext p, .section-hero-form form .hs-form label {font-size: 14px;color: #333;font-weight: 300;}
.section-hero-form form fieldset.form-columns-2 .input, .section-hero-form form fieldset.form-columns-3 .input, .section-hero-form form fieldset.form-columns-1 .input {margin-right: 0;}
.section-hero-form form ul.no-list.hs-error-msgs.inputs-list {float: none;width: auto;padding: 0;margin:0;line-height: 20px;text-align: left;white-space: normal;font-weight: normal;color: red;display: block;font-size: 15px;list-style: none;}
.section-hero-form form ul.hs-error-msgs label {font: 12px/1 Poppins,Open Sans,sans-serif;color: red;}
.section-hero-form form .hs-form-field.hs-fieldtype-booleancheckbox input, .section-hero-form form .hs-form-field.hs-fieldtype-checkbox input {margin-right: 8px;margin-top: 6px;}
.section-hero-form form .hs-form-field select {padding-right: 30px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 ;background-position: calc(100% - 10px) 50%;background-size: 16px 10px;background-repeat: no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
.section-hero-form .hbspt-form .submitted-message {background-color: transparent;}
.section-hero-form form input:autofill,
.section-hero-form form input:-webkit-autofill,
.section-hero-form form input:-webkit-autofill:hover,
.section-hero-form form input:-webkit-autofill:active,
.section-hero-form form input:-webkit-autofill:focus {
  background: #FFFFFF !important;background-color: #FFFFFF !important;
}
.section-hero-form form input[name=email] {background: #fff url(https://www.avanan.com/hubfs/envelope.svg) no-repeat top 6px left 10px / 17px !important;padding: 5px 10px 5px 32px !important;}
.section-hero-form form input[name=firstname], .section-hero-form form input[name=lastname] {background: #fff url(https://www.avanan.com/hubfs/user.svg) no-repeat top 8px left 10px / 12.16px !important;padding: 5px 10px 5px 32px !important;}
.section-hero-form form input[name=phone] {background: #fff url(https://www.avanan.com/hubfs/phone.svg) no-repeat top 8px left 10px / 13.36px !important;padding: 5px 10px 5px 32px !important;}
.section-hero-form form input[name=company] {background: #fff url(https://www.avanan.com/hubfs/company.svg) no-repeat top 6px left 10px / 18.22px !important;padding: 5px 10px 5px 32px !important;}
.section-hero-form .submitted-message {padding: 30px 0;}
.section-hero-form .hs-form-required{color:#E14C6F;}


@media screen and (min-width:480px) {
  .hfss-right form fieldset.form-columns-2>div:first-child, .hfss-right form fieldset.form-columns-3>div:first-child {
    padding-right: 2%}
  .hfss-right form fieldset.form-columns-2>div:last-child, .hfss-right form fieldset.form-columns-3>div:last-child {
    padding-left: 2%}
}
@media(max-width:768px), (max-device-width:1200px) and (min-device-width:992px) {
  .hfss-right form .hs-form-field:not(.hs-fieldtype-radio)>label,.hfss-right form .hs-form-field.hs-fieldtype-radio>label,.hfss-right form .hs-richtext, .hfss-right form .hs-richtext p, .hfss-right form .hs-form label{font-size: 16px;}
  .hfss-right form ul.hs-error-msgs label {font-size:10px;}
  .hfss-right form fieldset.form-columns-2>div:first-child, .hfss-right form fieldset.form-columns-3>div:first-child {
    padding-right: 1%}
  .hfss-right form fieldset.form-columns-2>div:last-child, .hfss-right form fieldset.form-columns-3>div:last-child {
    padding-left: 1%}
}
@media screen and (max-width:992px) {
  .section-hero-form h3{font-size:42px;}
  .hfss-right form fieldset.form-columns-2>div:first-child, .hfss-right form fieldset.form-columns-3>div:first-child {
    padding-right: 1%}
  .hfss-right form fieldset.form-columns-2>div:last-child, .hfss-right form fieldset.form-columns-3>div:last-child {
    padding-left: 1%}
}
@media screen and (max-width:600px) {
  .hfss-right form fieldset.form-columns-2>div:first-child, .hfss-right form fieldset.form-columns-3>div:first-child,
  .hfss-right form fieldset.form-columns-2>div:last-child, .hfss-right form fieldset.form-columns-3>div:last-child {
    width:100%;padding:0px;}
  .hfss-right form .hs_submit {text-align: center;}
.section-hero-form form fieldset.form-columns-2{flex-direction: column;}
.section-hero-form form fieldset.form-columns-2 .hs-form-field{width:100%}
}
@media(max-width:400px), (max-device-width:480px) and (min-device-width:320px) {
  .hfss-right form fieldset.form-columns-2>div: first-child {margin-bottom: 15px;}
}

/***End Form*****/