input[type="checkbox"] {
    appearance: none;
    background-color: #e1e1e1;
    font: inherit;
    color: #D6D7DB;
    width: 1em;
    height: 1em;
    /* border: 0.1em solid #D6D7DB; */
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    margin-top: 0.1rem;
}
input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #6B2378;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
input[type="checkbox"]:checked{
    border: 0.1em solid #6B2378;
}
input[type="checkbox"]:checked::before {
    transform: scale(1);
}
.checks-button{
    line-height: 1.1em;
    font-size: .8em;
}
.form-group{
    margin-bottom: .9rem;
}
.form-custom{
    border: hidden;
    border-bottom: 1px solid #D6D7DB;
    padding-bottom: 5px;
    border-radius: 0;
    box-shadow: none;
    padding: 0.375rem 0rem;
    margin-bottom: 0.35em;
}
.form-custom::placeholder{
    color: #a7a7a7;
}
.label-input{
    font-weight: 600;
    color: #666;
}
.titulo-form{
    font-size: .9em;
    color: #6B2378;
    font-weight: 600;
}
.form-custom.invalid{
    border-color: red;
}
select.invalid{
    border-color: red;
}
input[type="checkbox"].invalid {
    border: 0.1em solid red;
}
.text-error{
    font-size: .7em;
}
.red{
    color: red;
}