ul.inputs-list.multi-container li.hs-form-checkbox label,
.hs-form-booleancheckbox-display {
  position: relative; 
}
ul.inputs-list.multi-container li.hs-form-checkbox label span, .hs-form-booleancheckbox-display span{
  display: inline-block;
  margin-left: 31px; 
  margin-right: 0px; 
}
body .hs_firstname, .hs_phone, .hs_development_area{
   width: 100% !important;
}
.hs-input {
    display: inline-block;
    width: 100% !important;
    max-width: 500px;
    height: 45px;
    padding: 9px 15px;
    font-family: "Open Sans",sans-serif;
    background-color: #e3e4e1 !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 26px !important;
    color: #33336C!important;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    word-wrap:normal;
    background-color: #FFFFFF !important;
    border: 1px solid #4F2683  !important;
    border-radius: 3px !important;
    max-width: 100% !important;
    padding: 6px 15px !important;
    height: 44px !important;
}
.hbspt-form select.is-placeholder {
    color: #33336C !important;
    font-family: "Open Sans",sans-serif;
    font-weight: 600 !important;
}
.hs-form-required {
    color: #FFFFFF;
}
 .hbspt-form label {
    font-size: 18px !important;
    line-height: 26px !important;
    width: 130px;
    text-align: right;
    color: #3F3E3E !important;
    display: block;
    float: none;
    width: auto;
    font-family: museo-sans-medium, Arial, sans-serif !important;
    font-weight: 500 !important;
    text-align: left;
    line-height: 20px;
    padding-top: 0;
    margin-bottom: 4px;   
    text-transform: capitalize;
}

.hs-button:hover {
    color: #ffffff !important;
    background: #366609 !important;
    transition: all 0.3s ease;
    border: #366609;
}
}
input[type=text], input[type=password], input[type=email], 
input[type=tel], input[type=date], input[type=month], input[type=week], 
input[type=time], input[type=number], input[type=search], input[type=url], 
textarea {
    font-size: 18px !important;
    font-family: "Open Sans",sans-serif;
}
fieldset.form-columns-3 .input{
    margin-right: 16px !important;
}
.hs-input:not([type=file]) {
    background-color: #f5f8fa
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
    cursor: pointer;
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 8px 3px 0px;
    line-height: normal;
    border: none;
    background-color: #e3e4e1 !important;
}

.hs-input[type=file] {
    padding: initial;
    border: initial;
    line-height: initial;
    box-shadow: none
}
.hbspt-form select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.hbspt-form .hs-fieldtype-select .input{
    position: relative !important;
    background: #ffffff;
    border-radius: 3px;
}
.hbspt-form .hs-fieldtype-select .input:before{
    position: absolute !important;
    content: "";
    /*content: "\f0d7";*/
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    line-height: 1;
    font-weight: 900;
    font-style: normal;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
    z-index: 99;
    color: #646d77 !important;
    right: 12px;
    top: 14px;
    background-image: url(/wp-content/uploads/2023/04/Down-arrow.svg) !important;
    background: no-repeat;
    background-position: 0px;

}

.hbspt-form select.is-placeholder:focus {
     color: #646d77 !important;
    opacity: 0.8;
    font-family: "Open Sans",sans-serif;
    font-weight: 400 !important;
}

.hs-input:-moz-placeholder {
    color: #bfbfbf
}

.hs-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.hs-input option:disabled {
    color: #bfbfbf
}

.hs-input input,
.hs-input textarea {
    transition: border .2s linear
}

.hs-input:focus {
    outline: none;
    border-color: rgba(82, 168, 236, .8)
}

textarea.hs-input {
    height: auto
}

select[multiple].hs-input {
    height: inherit
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
    border-color: #c87872
}

input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
    border-color: #b9554d
}
.actions {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px
}
.hs_sign_up_for_our_newsletter{margin-bottom: 28px !important;}
.inputs-list {
    margin: 0 0 5px;
    width: 100%;
    padding-left: 0px
}
.inputs-list>li {
    display: block;
    padding: 0;
    width: 100%;
    padding-top: 0;
    margin-bottom: 7px;
}
.inputs-list label {
    display: block;
    float: none;
    width: auto;
    padding: 0;
    line-height: 18px;
    text-align: left;
    white-space: normal;
    font-weight: normal
}
.inputs-list:first-child {
    padding-top: 6px
}

.inputs-list>li+li {
    padding-top: 2px
}

ul.no-list {
    list-style: none
}
.hs-field-desc {
    color: #7c98b6;
    margin: 0px 0px 6px;
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
}
.hs-richtext hr {
    text-align: left;
    margin-left: 0;
    width: 91%
}
.email-correction,
.email-validation {
    padding-top: 3px;
    font-size: 12px;
    font-family: "Open Sans",sans-serif;
}
.email-correction a,
.email-validation a {
    cursor: pointer
}


.hbspt-form .inputs-list.inline-list li {
    vertical-align: top;
    display: inline-block;
    word-wrap: break-word;
    padding-right: 16px
}

.hbspt-form .inputs-list.inline-list li:after {
    clear: both
}

.hbspt-form .inputs-list.inline-list li input {
    float: left
}

.hbspt-form .inputs-list.inline-list.inline-list-2 li {
    width: 50%
}

.hbspt-form .inputs-list.inline-list.inline-list-2 li:nth-child(2n) {
    padding-right: 0
}

.hbspt-form .inputs-list.inline-list.inline-list-3 li {
    width: 33%
}

.hbspt-form .inputs-list.inline-list.inline-list-3 li:nth-child(3n) {
    width: 34%;
    padding-right: 0
}

.hs-fieldtype-intl-phone.hs-input {
    padding: 0;
    background: none;
    border: none;
    height: auto
}

.hs-fieldtype-intl-phone.hs-input:after {
    clear: both;
    content: " ";
    display: table
}

.hs-fieldtype-intl-phone.hs-input .hs-input {
    margin-bottom: 0
}

.hs-fieldtype-intl-phone.hs-input input {
    width: 68%!important;
    float: right
}

.hs-fieldtype-intl-phone.hs-input select {
    float: left;
    width: 30%!important
}
.input select:focus{border: solid 4px #d6b56c !important; background-color: #ffffff !important;}


/*.hs_firstname label,
.hs_lastname label,
.hs_company label,
.hs_email label,
.hs_phone label,
.hs_message label{
	position: absolute;
	transition: all 0.3s ease;
	left: 15px;
	padding: 0px;
	top: 17px;
	width: auto;
	display: inline-block !important;	
}*/


/*.hs_firstname,
.hs_lastname{
    position: relative !important;
 }
.hs_email{
  position: relative;
  clear: both;
} 
.hs_phone,
.hs_company,
.hs_message{
  position: relative;
}
*/
.hs_development_area label,
.hs_sample_type label,
.hs_monitoring  label{
  color: #FFFFFF;
  font-size: 16px !important;
  font-weight: 400 !important;
}
/*
body .hbspt-form label.focused{
  font-size: 14px !important;
  line-height: 20px;
  top: 15px;
}
*/
.hbspt-form .input input.invalid.error,
.hbspt-form .input select.invalid.error{
    border: solid 2px #E74949 !important;
}
.hbspt-form .input input{
    border: 1px solid #4F2683 !important;
    border-radius: 3px !important;
}
.hbspt-form .input input:focus,
.hbspt-form .input select:focus{
    border: 2px solid #4F2683 !important; 
    background-color: #ffffff !important;
}
/*.hs_firstname{
   width: 47.2%;
   float: left;
   margin-right: 15px;
}
.hs_lastname{
   width: 47.2%;
   float: right;
   margin-left: 15px;
}*/
.hs_monitoring {
  width: 100%;
  clear: both;
}
.hs-error-msgs label {
    color: #E74949 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 26px !important;
    font-family: "Open Sans",sans-serif;
    top: 55px;
    left: 0px;
}
.hs-richtext {
    margin-bottom: 3px;
    font-family: "Open Sans",sans-serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}
/* Hide the original checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label input, .hs-form-booleancheckbox-display input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
/* Add new checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label span::before,
.hs-form-booleancheckbox-display span::before { 
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
  border-radius: 0px;
  background-color: #ffffff;
}
/* Style new checked item */
ul.inputs-list.multi-container li.hs-form-checkbox label span::after, 
.hs-form-booleancheckbox-display span::after {
  content: "";
  border: 4px solid;
  border-left: 0;
  border-top: 0;
  height: 16px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  transition: opacity 0.2s ease-in-out;
  width: 8px;
  color: #33336C;
}
/* Show when checked */
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span::after, 
.hs-form-booleancheckbox-display input:checked + span::after {
  opacity: 1;
}
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-checkbox label input:focus + span::after,
.hs-form-booleancheckbox-display input:focus + span::after
 {
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}
.hs_contact_country{
  clear: both;
}
/*.hs_contact_country label{
  display: none;
}*/
.hs-button {
    background: linear-gradient(90deg, #37ACE2 0%, #0D74A4 100%);
    border-radius: 60px !important;
    font-size: 18px;
    line-height: 25px;
    font-family: "Open Sans",sans-serif;
    font-weight: 600 !important;
    padding: 11px 45px !important;
}
.hbspt-form textarea{max-width: 100% !important; height: 186px !important; resize: none;}  
.hbspt-form textarea:focus{border: 2px solid #4F2683 !important;}
.hs-fieldtype-textarea .invalid.error{border: 2px solid  #E74949 !important;}
.hbspt-form fieldset{max-width: 100% !important;}
/*.hs-fieldtype-textarea{margin-bottom: -10px !important;}*/
.hbspt-form .field {margin-bottom: 20px}
.hs_recaptcha{
   margin-top: 23px !important;
   margin-bottom: 27px !important;
 }
.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
    -webkit-appearance: none;
    -moz-appearance: none;


}
.hs-default-font-element,
.hs-main-font-element {
    font-family: "Open Sans",sans-serif;
}
.hbspt-form .hs-button {
    white-space: pre-wrap
}
.hbspt-form .hs-richtext {
    word-break: break-word
}
.hbspt-form.submitted-message {
    overflow: auto
}
.hbspt-form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 500px
}
.hbspt-form fieldset.form-columns-1 .hs-input {
    width: 95%
}
.hbspt-form fieldset.form-columns-1 .input {
    margin-right: 8px
}
.hbspt-form fieldset.form-columns-1 input[type=checkbox],
.hbspt-form fieldset.form-columns-1 input[type=radio] {
    width: auto
}
.hbspt-form fieldset.form-columns-2 .hs-form-field {
    width: 50%;
    float: left
}
.hbspt-form fieldset.form-columns-2 .input {
    margin-right: 30px !important;
}
.hbspt-form fieldset.form-columns-3 .hs-form-field {
    width: 32.7%;
    float: left
}
.hbspt-form fieldset.form-columns-3 .input {
    margin-right: 8px
}
.hbspt-form label.hs-hidden {
    visibility: hidden
}
.hbspt-form .hs-field-desc {
    width: 100%
}
.hs-custom-style .hs-input,
.hs-custom-style fieldset {
    max-width: 100%
}
.hs-custom-style>div.form-columns-3 .hs-form-field,
.hs-custom-style fieldset.form-columns-3 .hs-form-field {
    width: 33.3%
}

.hs-custom-style>div>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]),
.hs-custom-style fieldset>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]) {
    width: 100%;
    max-width: 100%
}
.hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]),
.hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px
}

.hs-custom-style>div textarea,
.hs-custom-style fieldset textarea {
    padding: 10px 15px
}
.hs-custom-style .hs-dependent-field>div .hs-input:not([type=checkbox]):not([type=radio]) {
    width: 100%
}


.legal-consent-container .field.hs-form-field {
    margin-bottom: 8px
}

.legal-consent-container .hs-field-desc.checkbox-desc {
    margin: -12px 0 0 21px
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    float: left
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    display: block;
    margin-left: 20px
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    margin: 0;
    display: inline
}

.legal-consent-container .hs-error-msgs label {
    color: #f2545b
}

.legal-consent-container~.hs_recaptcha {
    margin-top: 18px
}

.cookie-reset-container {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right
}

#hs-outer-captcha-target,
#hs-outer-captcha-target * {
    display: none;
    height: 0;
    width: 0
}

.hubspot-link__container {
    font-size: 14px;
    padding-bottom: 40px;
    position: relative;
    color: #9fa0a2;
    font-family: "Open Sans",sans-serif;
}

.hubspot-link-text {
    color: #00a4bd;
    font-weight: 400
}

.hubspot-link__container.sproket {
    color: #9fa0a2
}

.hubspot-link {
    color: #9fa0a2
}

.hubspot-link,
.hubspot-link:hover {
    text-decoration: none
}

.hubspot-link:hover .hubspot-link-text {
    text-decoration: underline
}

.hubspot-link__icon {
    margin-bottom: -1px;
    margin-right: 5px
}

.hubspot-link__container.sproket .hubspot-link__icon {
    width: 30px;
    margin-right: 0;
    float: left;
    margin-top: -9px;
    margin-left: -5px
}
.hubspot_signup_form .hs_email{margin-bottom: 0px !important; width: 80% !important; float: left !important;}
.hubspot_signup_form .hs_submit{width: 20% !important; float: left !important; }
.hubspot_signup_form .hs-button{padding: 12.5px 15px !important;}
.hubspot_signup_form .hs_email label{display: none !important;}
.hubspot_signup_form  ul.no-list{position: absolute !important; top: 48px !important;}
.hubspot_signup_form {position: relative !important;}
.hubspot_signup_form  .submitted-message{color: #ab8940 !important; font-size: 22px !important; }

.hubspot_white .hbspt-form label,
.hubspot_white .hs-form-required {
    color: #fff;
}
.hubspot_white .hs-input,
.hubspot_white ul.inputs-list.multi-container li.hs-form-checkbox label span::before,
.hubspot_white .hs-form-booleancheckbox-display span::before{
    background-color: #fff !important;
}
.hubspot_white .hs_submit {
    text-align: center;
}
.hubspot_white .hs-form select.is-placeholder {
    opacity: 1;
}
.hubspot_white ul.inputs-list.multi-container li.hs-form-checkbox label span::after,
.hubspot_white .hs-form-booleancheckbox-display span::after {
    border-color: #3f4852;
}


input[type=submit].hs-button.primary.large{
    background: #83C446 !important;
    border-radius: 100px !important;
    padding: 10px 30px !important;
    color: #1D2911;
    border: 1px solid #83C446;
}
/*Form Responsive*/

@media screen and (max-width: 414px){

body .hubspot_signup_form .hs_email {width: 66% !important;}
body .hubspot_signup_form  ul.no-list{top: 65px !important;}

}

@media screen and (max-width: 320px){

body .hubspot_signup_form .hs_email {width: 61% !important;}
}
    
@media screen and (max-width: 812px){
    .hbspt-form .hs-fieldtype-select .input:before{
        right: 20px !important;
    }
}
@media screen and (max-width: 767px){
.hs_submit .actions{padding-top: 0px !important; margin-top: 0px !important;}
body .hbspt-form fieldset.form-columns-2 .input {margin-right: 0px !important;}
body fieldset.form-columns-3 .input{margin-right: 0px !important;}
.hs-form-field .hs-input {
    width: 100% !important;
}
.hs-fieldtype-textarea .input{margin-right: 0px !important;}

}   

@media (min-width: 767px) and (max-width: 1024px) { 
.signup_column .fl-node-content{margin-left: 0px !important;}
body .hubspot_signup_form .hs_email{width: 66% !important; float: left !important;}

}  
@media screen and (max-width:812px){
    .assay-kit-hbspt-form .fl-col {
    max-width: 100%;
}
}
@media screen and (max-width: 992px){
    .assay-kit-hbspt-form .fl-col {
        width: 100%;
}
}

@media screen and (max-width: 767px){
.hs_firstname, .hs_phone, .hs_development_area{
   width: 100% !important;
}
.hs_lastname, .hs_company, .hs_sample_type{
  width: 100% !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px){
.hs_email, 
.hs_contact_country{
	clear: both;
}
}

@media only screen and (min-width: 992px) and (max-width: 1024px){
.hs_email, .hs_contact_country {
    clear: both;
}
/*.hs_firstname, .hs_phone, .hs_development_area{
    width: 46%;
    float: left;
    margin-right: 15px;
}

.hs_lastname, .hs_company, .hs_sample_type{
    width: 46%;
    float: right;
    margin-left: 15px;
*/}
}



@media only screen and (min-width: 1024px) and (max-width: 1366px){
.hs_email, .hs_contact_country {
    clear: both;
}
/*.hs_firstname, .hs_phone, .hs_development_area{
    width: 46%;
    float: left;
    margin-right: 15px;
}

.hs_lastname, .hs_company, .hs_sample_type{
    width: 46%;
    float: right;
    margin-left: 15px;
}*/
}