/* Form fields */

.hs-form-field {
  margin: 0;
  padding: 5px 0 0 0;
}

[data-hsfc-id=Renderer] .hsfc-ErrorAlert{
  color:var(--error-text-color) !important;
}
form fieldset.form-columns-2, form fieldset.form-columns-3,fieldset.form-columns-1 { margin: 0 0 20px; }
.hs-dependent-field ul.inputs-list { padding: 0; }
/* Labels */

form, 
.hs-form {
  background-color: var(--white) !important;
  border-radius: 20px;
  box-shadow: 0 0 14px 0 rgba(14, 28, 85, 0.25);
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  z-index: 2;
  position: relative;
  font-family: var(--secondary_font);
}
[data-hsfc-id="Renderer"] .hsfc-Step .hsfc-Step__Content *:not(.hsfc-Button) {
    justify-content: start !important;
}



[data-hsfc-id=Renderer] .hsfc-TextInput:focus {
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-Step .hsfc-Step__Content * {
    font-family: var(--secondary_font);
}


.hs-form-field > label,
[data-hsfc-id=Renderer] .hsfc-FieldLabel{
  display: block !important; 
  font-size: 15px !important;
  font-weight: 400 !important;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  text-transform: capitalize;
  padding-top: 0;
  padding-bottom: 5px;
  line-height: normal;
  color: var(--label-color) !important;
}
.hs-fieldtype-textarea.field.hs-form-field {
    padding: 0;
}
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
    padding: 0 !important;
}
.legal-consent-container {
    padding: 15px 0 0;
}

li.hs-form-booleancheckbox input[type="checkbox"] {
    margin: 0 !important;
}

li.hs-form-booleancheckbox .hs-form-booleancheckbox-display span {
    margin-top: 0 !important;
}

form .inputs-list > li {
    margin: 0 0 6px !important;
}
/* Help text - legends */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form .hs-form-field {
  position: relative;
  display: inline-block;
  width: 100%;
}

[data-hsfc-id=Renderer] .hsfc-Step {
    background: transparent !important;
}

[data-hsfc-id="Renderer"] .hsfc-Step .hsfc-Step__Content *:not(.hsfc-Button) {
    color: var(--primary) !important;
}
[data-hsfc-id="Renderer"] .hsfc-Step .hsfc-Step__Content .hsfc-FieldLabel__RequiredIndicator {
    color: red !important;
}
[data-hsfc-id=Renderer] .hsfc-FieldLabel {
    margin: 0 !important;
}

.hs-form-field > label > span:first-child {
  color: var(--label-color);
}

[data-hsfc-id="Renderer"] .hsfc-Step .hsfc-Step__Content .hsfc-ErrorAlert {
    font-size: 14px;
    line-height: 1.2 !important;
    color: var(--error-text-color) !important;
    margin-bottom: 0;
}

form .hs-fieldtype-radio .hs-form-radio-display, form .hs-fieldtype-checkbox .hs-form-checkbox-display, li.hs-form-booleancheckbox .hs-form-booleancheckbox-display{cursor:pointer;}

/* Label Styles for Fields that can shift the label when filled */


.hs-form-field > label span:first-child {
  color: var(--label-color);
}

.systems-page .hs-form-field > label span:first-child{color:var(--label-color)}




form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea,
[data-hsfc-id=Renderer] .hsfc-TextInput{
  font-family: var(--secondary_font) !important;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  background-color:var(--form-background-color) !important;
  border:0;
  border:1px solid #0A003733 !important;
  width: 100%;
  outline:0;
  display: inline-block;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-align: left !important;
  padding: 12px 14px !important;
  line-height: normal;
  height:50px;
  
  
  border-radius:5px !important;
  
  
  
  

}



form select{
  
  padding: 0 20px 0 15px;
  color:var(--white);
  
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(https://26289262.fs1.hubspotusercontent-eu1.net/hubfs/26289262/AtlasMapping-2023/Images/line-angle-down-icon.svg) #ffffff;
  background-position: 96% 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  color:rgba(10, 0, 55, 1);
  line-height: 21px;
}




form input[type=text]::placeholder,
form input[type=email]::placeholder,
form input[type=password]::placeholder,
form input[type=tel::placeholder],
form input[type=number]::placeholder,
form input[type=file]::placeholder,
form textarea::placeholder{
  
  

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  
  
}
::-moz-placeholder { /* Firefox 19+ */
  
  
}
:-ms-input-placeholder { /* IE 10+ */
  
  
}
:-moz-placeholder { /* Firefox 18- */
  
  
}

form textarea,.hs-fieldtype-textarea.hs-input {
  min-height: 180px;
  padding: 6px 15px;
  resize:none !important;
}
.submitted-message,
.submitted-message *{
  color: var(--primary);
  font-size: 22px;
  font-weight: 500;
  padding: 200px 0;
}
form fieldset {
  max-width: 100% !important;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: var(--primary);
}

form input[type="radio"]:focus {
  border-color: var(--primary);
}

form fieldset.form-columns-2 > div {
  width: 100%!important;
}

form fieldset .input {
  margin-right: 0!important;
}

@media (min-width: 481px) {

  form fieldset.form-columns-2,form fieldset.form-columns-3 {
    display: flex;
    gap: 20px;
  }
}


/* Inputs - checkbox/radio */
form .hs-fieldtype-radio .hs-form-radio-display,
form .hs-fieldtype-checkbox .hs-form-checkbox-display,
li.hs-form-booleancheckbox .hs-form-booleancheckbox-display{
  display: grid;
  grid-template-columns: 20px 1fr;
  column-gap: 5px;
  align-items: center;
}

form .hs-fieldtype-radio .hs-form-radio-display input[type="radio"],
form .hs-fieldtype-checkbox .hs-form-checkbox-display input[type="checkbox"],
li.hs-form-booleancheckbox input[type="checkbox"]{
  position: relative;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  margin: 4px 0 0;
  width: 25px !important;
  height: 25px !important;
  background: var(--white);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius:5px;
  border:1px solid Var(--primary);
}
.hs-fieldtype-textarea.hs-input { width: 100% !important; }

.legal-consent-container .hs-richtext,.legal-consent-container .hs-form-booleancheckbox-display>span { font-size: 15px; line-height: 1.8;margin:0 0 10px;color:var(--primary); }
.legal-consent-container .field.hs-form-field { margin: 0; }

.site-content-wrpper .right-part .form-wrapper form .hs-fieldtype-radio .hs-form-radio-display input[type="radio"],
.site-content-wrpper .right-part .form-wrapper form .hs-fieldtype-checkbox .hs-form-checkbox-display input[type="checkbox"],
.site-content-wrpper .right-part .form-wrapper li.hs-form-booleancheckbox input[type="checkbox"]{
  background: var(--primary);
}
.site-content-wrpper .right-part .form-wrapper li.hs-form-booleancheckbox .hs-form-booleancheckbox-display span {
  margin: 0px;
}
.site-content-wrpper .right-part .form-wrapper li.hs-form-booleancheckbox .hs-form-booleancheckbox-display .hs-form-required {
  display: none;
}
form .hs-fieldtype-radio .hs-form-radio-display input[type="radio"] {
  border-radius: 50%;
}
/* form .hs-fieldtype-radio .hs-form-radio-display input[type="radio"]:hover,
form .hs-fieldtype-checkbox .hs-form-checkbox-display input[type="checkbox"]:hover,
li.hs-form-booleancheckbox input[type="checkbox"]:hover{
background-color: var(--primary);
} */
/* form .hs-fieldtype-radio .hs-form-radio-display input[type="radio"]:checked,
form .hs-fieldtype-checkbox .hs-form-checkbox-display input[type="checkbox"]:checked,
li.hs-form-booleancheckbox input[type="checkbox"]:checked{
background-color: var(--body);
} */
form .hs-fieldtype-checkbox .hs-form-checkbox-display span,
form .hs-fieldtype-radio .hs-form-radio-display span{
  margin-left: 28px;
  margin-top: 8px;
}
li.hs-form-booleancheckbox .hs-form-booleancheckbox-display span{
  margin-left: 44px;
  margin-top: 10px;
}
li.hs-form-booleancheckbox .hs-form-booleancheckbox-display span { margin: 4px 0 0; }
form .hs-fieldtype-checkbox .hs-form-checkbox-display input[type="checkbox"]:before,
li.hs-form-booleancheckbox input[type="checkbox"]:before{
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
  color: var(--primary);
  position: absolute;
  top: 3px;
  left: 6px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out .3s;
}

form .hs-fieldtype-checkbox .hs-form-checkbox-display input[type="checkbox"]:checked:before,
li.hs-form-booleancheckbox input[type="checkbox"]:checked:before{
  opacity: 1;
  visibility: visible;
}

form .hs-fieldtype-radio .hs-form-radio-display span,
form .hs-fieldtype-checkbox .hs-form-checkbox-display span {
  font-size: 1rem;
}

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

form .inputs-list > li {
  display: block;
  margin: 16px 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.hs_error_rollup {
  display: none;
}
.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
  color:transparent !important;
}

/* Headings and text */

form .hs-richtext,
{
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}
ul.no-list.hs-error-msgs.inputs-list {
    margin: 10px 0 0;
}

.hs-input.invalid.error {
  border-color: var(--help-color);
}

form .inputs-list.hs-error-msgs > li {
  margin: 0;
}

.hs-error-msg {
  color: var(--help-color);
  margin-top: 0.35rem;
}

/* Submit button */
form .hs-submit {
  margin-top: 17px;
}


form input[type=submit],
form .hs-button,[data-hsfc-id=Renderer] .hsfc-Button{
  font-family: var(--secondary_font) !important;
  display: inline-block !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: capitalize !important;
  padding:15px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  white-space: normal !important;
  cursor: pointer !important;
  position: relative !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  line-height: 1.5 !important;
  background: var(--secondary) !important;
  color: var(--white) !important;
  border:0 !important;
  
  
  border-radius:10px !important;
  
}

.hs-error-msgs li label { font-size: 14px; line-height: 1.2 !important; } 
form .inputs-list.hs-error-msgs > li { line-height: 0; margin: 5px 0 0; }
form input[type=submit]:hover,
form .hs-button:hover,
form input[type=submit]:focus,
form .hs-button:focus,
[data-hsfc-id=Renderer] .hsfc-Button:hover{
  text-decoration: none !important;
  background-color:var(--dark_green_color) !important;
  color: var(--white) !important;
   transform: translateY(0) !important;
}

.hs-error-msgs li label{
  color:var(--error-text-color);
  margin-bottom: 0;
}

/* .footer .top-footer-row .top-footer-last-col .form-col-menu form .hs-form-field.hs_recaptcha {
margin-top: 10px;
} */
/* Captcha */

.grecaptcha-badge {
  margin: 10px 0 0;
}

@media(max-width:1440px){
  form input[type=submit],
  form .hs-button,[data-hsfc-id=Renderer] .hsfc-Button{
    font-size: 18px !important; 
    padding: 15px 20px !important;
    line-height: 1 !important; 
    /*     letter-spacing: 0.1em; */
  }
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form input[type=number],
  form input[type=file],
  form select,
  form textarea {
    height:45px;
    padding:12px 14px;
  }

}

@media screen and (max-width:1024px){
  li.hs-form-booleancheckbox .hs-form-booleancheckbox-display span {  
    margin-top: 0px;
    align-items:center;
    display:flex;
  }
  li.hs-form-booleancheckbox .hs-form-booleancheckbox-display span {
    display: flex;
    align-items: center;
  }
  form input[type=submit],
  form .hs-button{
    font-size: 14px; 
    line-height: 1; 
    /*     letter-spacing: 0.1em; */
  }

  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form input[type=number],
  form input[type=file],
  form select,
  form textarea {
    height:45px;
    padding:10px;
  }


}

@media screen and (max-width:991px){
  .submitted-message, .submitted-message * {
    text-align: center;
    padding: 50px 0;
  }


}

@media screen and (max-width:767px){
  form fieldset.form-columns-2 {
    margin: 0 -5px;
    max-width: unset !important;
    display: flex !important;
    flex-wrap: wrap;
    column-gap: unset !important;
  }
  form fieldset.form-columns-2>div {
    width: 100% !important;
    padding: 0 5px;
    display: block;
  }
  .hs-fieldtype-textarea.hs-input, form textarea{min-height:121px;font-size:14px;}
  form label{margin-bottom:0;}
  form .hs-submit{margin-top:15px;}
  .hs-form-field > label{margin:0;}
  form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea{font-size:14px;}

  form, .hs-form { border-radius: 15px; padding: 30px !important; } .hs-form-field { margin: 0 0 10px; }
  form .inputs-list > li { margin: 10px 0; }
  .hs-form-field > label, [data-hsfc-id=Renderer] .hsfc-FieldLabel { font-size: 14px !important; }
  fieldset.form-columns-3 .hs-form-field{width:100% !important;float:none !important;}
  form fieldset.form-columns-2, form fieldset.form-columns-3{gap:0;flex-wrap:wrap;}
  form fieldset.form-columns-2, form fieldset.form-columns-3, fieldset.form-columns-1{margin:0;}
}