.textfield{
margin-bottom: 16px;

}
.textfield > label{
    color:#1c0f59;
    font-size: 16px;
    
    /* font-family:var(--fontFamilyFiraSans); */
    /* font-weight:500; */
    font-weight:300 !important;

    @media(max-width:575px){
    font-size: 14px;
   }
}
.textfield > input,
.textfield > button,
.textfield>textarea{
    border-bottom-width: 0px;
  border: 1px solid rgb(28, 15, 89, 0.4) !important;
  border-radius: 10px;
padding: 12px 14px;
color:#1c0f59 !important;
font-size: 16px;
line-height: 24px;
font-weight:300;
transition: none;
background-color:#fff !important;
@media(max-width:575px){
 /* font-size:16px; */
 font-size: 15px;
 line-height: 24px;
 padding:10px;
 /* line-height:20px; */
}
&::placeholder {
    color: rgb(28, 15, 89, 0.5) !important;
  }
 /* & ::placeholder{
  color:#1c0f59 !important;
 } */
}
input:-webkit-autofill,
 input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
      -webkit-background-clip: text;
      -webkit-text-fill-color:#1c0f59;
      transition: background-color 5000s ease-in-out 0s;
      box-shadow: inset 0 0 20px 20px #fff;
    
    }
.textfield>textarea{
    box-sizing: border-box;
    resize: vertical !important;
    min-height: 160px;
    border: 1px solid rgb(28, 15, 89, 0.4) !important;
  &::placeholder{
    color: rgb(28, 15, 89, 0.5) !important;
  }
}
.textfield > input:hover,
.textfield > input:focus,
.textfield > button:hover,
.textfield > button:focus,
.textfield>textarea:hover,
.textfield>textarea:focus{
    border: 1px solid var(--matterColorDimGray)
}
.textfield > div{
    font-size: 14px;    font-weight: 300;
    color: var(--matterColorErrorText);
}
.errorTextField > input,
.errorTextField > button,
.errorTextField > textarea{
    border-bottom-width: 0px;
background-color: var(--matterColorErrorInputBG) !important;
  border: 1px solid var(--matterColorErrorText);
}

.errorTextField > input:hover,
.errorTextField > input:focus,
.errorTextField > button:hover,
.errorTextField > button:focus,
.errorTextField > textarea:hover,
.errorTextField > textarea:focus{
    border-color: var(--matterColorErrorText);
}

.errorCheckboxField > label{
    font-size: 14px;
    font-weight: 600;
    color: var(--matterColorErrorText);
}