:root {
--direction:left;
}
input, select {
    text-align: var(--direction);
        text-align-last:  var(--direction);
}
.hs-form-field{
    width: 100%;
    margin-bottom: 15px;
}
.hs-form-field label{
    margin-bottom: 5px;
    display: block;
}
.hs-error-msgs
{
    list-style: none;
    font-size: 0.85em;
    opacity: 0.5;
    padding: 5px;
}
.inputs-list{
    list-style: none;
}
.multi-container
{
    padding-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px 20px;
    flex-wrap: wrap;
}
.hs-form-checkbox input {
  opacity: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  cursor: pointer;
  top: 0
}
.hs-form-checkbox label{
    display: flex;
    min-width: 140px;
        position: relative;

}
.hs-form-checkbox span
{
    display: flex;
        gap: 10px;
}
.hs-form-checkbox span::before {
    width: 15px;
    height: 15px;
    border: 1px solid currentColor;
    content: '';
    display: block;    

}

.hs-form-checkbox input:checked + span:before {
  background-color: currentColor;
}