.step_form ,
.step-btns{
  display:none;
}
.step-1.step-active {
    pointer-events: none;
}
form .inputs-list li label span {
    font-family: Avenir, Lato, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #000;
}
input[name='email'][readonly],
input[name='confirm_email'][readonly]{
    background-color: #ffdbe1 !important;
    color: #000 ! Important;
    opacity: 0.5;
    padding: 0 10px !important;
}
#css-loader {
    background: hsla(0,0%,100%,.41);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999
}

.lds-ripple {
    bottom: 0;
    display: inline-block;
    height: 80px;
    height: 100vh;
    left: 0;
    margin: 0 auto;
    position: relative;
    position: absolute;
    right: 0;
    top: 48%;
    width: 80px
}

.lds-ripple div {
    animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
    border: 4px solid #000;
    border-radius: 50%;
    opacity: 1;
    position: absolute
}
.lds-ripple div:nth-child(2) {
    animation-delay: -.5s
}

@keyframes lds-ripple {
    0% {
        height: 0;
        left: 36px;
        opacity: 1;
        top: 36px;
        width: 0
    }

    to {
        height: 72px;
        left: 0;
        opacity: 0;
        top: 0;
        width: 72px
    }
}
.step2-form form select:focus-visible ,
.step2-form form input[type=file]:focus-visible,
.step2-form form input[type=text]:focus-visible,
.step2-form form input[type=number]:focus-visible,
.step2-form form textarea:focus-visible{
  outline:none;
  
}
.step2-form form textarea{
  height:120px;
}
.step2-form form select ,
.step2-form form input[type=file],
.step2-form form input[type=text],
.step2-form form input[type=number],
.step2-form form textarea{
    background-color: transparent;
    color: #000;
    border-top: none;
    border-right: none;
    border-left: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-family: Avenir, Lato, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    min-height: 50px;
    padding: 5px 2px;
}
.no-list.hs-error-msgs.inputs-list li {
    margin: 0;
}
.enrolment-steps {
  padding: 40px 0;
  margin: 0 0 50px;
}
.step_form label.hs-error-msg.hs-main-font-element {
  font-size: 14px;
  color: red;
}
.enrolment-steps ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 75%;
}
.enrolment-steps ul:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 20px;
}
.enrolment-steps ul li {
  position: relative;
  border: 2px solid #000;
  color: #000;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 34px;
  font-weight: 700;
  z-index: 1;
  background: #FEF2F4;
}
.enrolment-steps ul li.step-active {
  background-color: #F3BDCB;
  color: #000;
  cursor:pointer;
}
.enrolment-steps ul li .step-description {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  position: absolute;
  bottom: -40px;
  top: unset;
  min-width: max-content;
}

.hs_submit.hs-submit {
  display: none;
  position: absolute;
    right: 0;
}
.step2-form form {
    position: relative;
}
.error_field {
    border-bottom: 1px solid red!important;
}
.hs-form-required
Specificity: (0,1,0)
 {
    color: red;
}

.error_fields li label,
.error_fields li label span{
    color: red!important;
}
.enrolment-tfba {
  background-color: #FEF2F4;
  padding: 50px 0;
}section.enrolment-tfba {}

.step_form  h1 {
  color: #000;
  font-size: 28px;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 2.8px;
  margin-bottom: 20px;
}
.step2-form form {
  background: transparent;
}
.step_form  label {
  color: #000;
}
.step_form  p {
  color: #000;
  font-size: 15px;
  margin-bottom: 20px;
}
.step_form  form{
  background-color:transparent;
}
.step_form  h3,.step_form  h2 {
  color: #000;
  margin-bottom: 10px;
}

.step_form ol li {
  font-size: 15px;
  color: #000;
  padding: 10px 0;
}
.step_form ol {
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  list-style-position: inside;
}
.btn-row {
  text-align: center;
}
.btn.btn-started {
  background-color: #000;
  padding: 10px 40px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  border-radius: 0;
}
.step-btns{
/*   display:flex; */
  justify-content:space-between;

}
form .hs-button, form input[type=submit] {
    background-color: #000;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 40px;
    text-decoration: none;
}
form.hs-form-private .hs-fieldtype-select.hs-row-form-wrapper select,
form.hs-form-private .hs-fieldtype-date.hs-row-form-wrapper input,
form.hs-form-private .hs-fieldtype-text.hs-row-form-wrapper input,
form.hs-form-private .hs-fieldtype-phonenumber.hs-row-form-wrapper input {
  background: transparent;
  padding: 5px 2px;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  min-height: 50px;
  color: #000;
  font-size: 13px;
  line-height: normal;
  font-weight: 400;
  font-family: 'Avenir', 'Lato',sans-serif; 
}
form.hs-form-private .hs-fieldtype-select.hs-row-form-wrapper select:focus-visible,
form.hs-form-private .hs-fieldtype-date.hs-row-form-wrapper input:focus-visible,
form.hs-form-private .hs-fieldtype-text.hs-row-form-wrapper input:focus-visible,
form.hs-form-private .hs-fieldtype-phonenumber.hs-row-form-wrapper input:focus-visible{
  outline: none;
}

form.hs-form-private .hs-fieldtype-radio.hs-row-form-wrapper ul li label,
form.hs-form-private .hs-dependent-field.hs-row-form-wrapper .hs-fieldtype-radio ul li label,
form.hs-form-private .hs-fieldtype-booleancheckbox.hs-row-form-wrapper ul li label {
  display: flex;
  color: #000;
  font-size: 13px;
  line-height: normal;
  font-weight: 400;
  font-family: 'Avenir', 'Lato',sans-serif;
}
.inputs-list li.hs-form-checkbox  label {
    color: #000;
    display: flex;
    font-family: Avenir, Lato, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
/* form.hs-form-private .hs-fieldtype-date.hs-row-form-wrapper input,
form.hs-form-private .hs-fieldtype-text.hs-row-form-wrapper input,
form.hs-form-private .hs-fieldtype-phonenumber.hs-row-form-wrapper input {
background: transparent;
padding: 5px 2px;
border: none;
border-bottom: 1px solid #000;
border-radius: 0;
min-height: 50px;
color: #000;
font-size: 13px;
line-height: normal;
font-weight: 400;
font-family: 'Avenir', 'Lato',sans-serif; 
} */

form.hs-form-private .hs-dateinput:before {
  right: 10px !important;
}
button.swal2-confirm.swal2-styled {
    background-color: #000;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 40px;
    text-decoration: none;
}
.swal2-popup .swal2-title {
    font-family: Merriweather, serif!important;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    color: #000;
}
.swal2-popup .swal2-styled:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4);
    box-shadow: unset;
}
div#swal2-content {
    color: #000;
    font-size: 15px;
}
form.hs-form-private .hs-fieldtype-text.hs-row-form-wrapper input::placeholder,
form.hs-form-private .hs-fieldtype-phonenumber.hs-row-form-wrapper input::placeholder,
.step2-form form select::placeholder ,
.step2-form form input[type=file]::placeholder,
.step2-form form input[type=text]::placeholder,
.step2-form form input[type=number]::placeholder,
.step2-form form textarea::placeholder {
  color: #000;
  font-size: 13px;
  line-height: normal;
  font-weight: 400;
  font-family: 'Avenir', 'Lato',sans-serif; 
}

/* form.hs-form-private .hs-dependent-field.hs-row-form-wrapper .hs-fieldtype-radio ul li label,
form.hs-form-private .hs-fieldtype-booleancheckbox.hs-row-form-wrapper ul li label {
display: flex;
color: #000;
font-size: 13px;
line-height: normal;
font-weight: 400;
font-family: 'Avenir', 'Lato',sans-serif;
} */

/* form.hs-form-private .hs-fieldtype-booleancheckbox.hs-row-form-wrapper ul li label {
display: flex;
color: #000;
font-size: 13px;
line-height: normal;
font-weight: 400;
font-family: 'Avenir', 'Lato',sans-serif;
}
*/


.fn-date-picker .pika-table {
  margin: 0;
}
.fn-date-picker .pika-table th {
  background: #F3BDCB;
}
.fn-date-picker .pika-table abbr {
  text-decoration: none;
  color: #000;
}
.fn-date-picker .pika-button {
  border-radius: 0 !important;
  background: #e9ecef !important;
  color: #000 !important;
}
.fn-date-picker .is-selected .pika-button,
.fn-date-picker td .pika-button:hover {
  color: #fff !important;
  background: #ff8000 !important;
}
@media (max-width: 991px) {
  .enrolment-steps ul li .step-description{
    font-size:16px;
  }
  .enrolment-steps ul{
    width:95%;
  }
}
@media (max-width: 767px) {
  span.step-count {
      position: absolute;
  }
  .enrolment-steps ul{
    width:100%;
  }
  
  span.step-count {
      font-size: 8px;
  }
  .enrolment-steps ul:after{
    top:14px;
  }
  .enrolment-steps ul li {
      align-items: center;
      background: #fef2f4;
      border: 2px solid #000;
      border-radius: 50%;
      color: #000;
      display: flex;
      font-size: 18px;
      font-weight: 700;
      height: 25px;
      justify-content: center;
      line-height: 34px;
      position: relative;
      width: 25px;
      z-index: 1;
  }
  .enrolment-steps {
    margin: 0 0 50px;
    padding: 0px 0 40px 0;
  }
  .enrolment-steps ul li .step-description {
      bottom: -40px;
      color: #000;
      display: block;
      font-size: 10px;
      font-weight: 700;
      line-height: 17px;
      min-width: auto;
      position: unset;
      top: unset;
      margin-top: 82px;
      width: 197px;
      text-align: center;
      line-height: 10px;
  }
  .step_form h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .step_form h2, .step_form h3{
    font-size:18px;
  }
}