.wrap-user{width:100%;max-width:550px;margin:auto;border:1px solid #30549D;border-radius:5px;margin: 64px auto;padding: 30px 20px;}

.title-user{text-align: center;}

.title-user h2{font-size: 2rem;}

.title-user a{color:#0056b3;font-size:12px;}

.form-user{padding:20px 15px;}

.input-user{margin-bottom:0.75rem;padding-bottom: 7px;}

.input-user input{font-size:14px;}

.button-user{margin-bottom:1rem;}

.button-user input{font-size:14px;background: #30549D !important; border-color: #30549D !important;}

.checkbox-user,.radio-user{cursor:pointer;}

.checkbox-user input{top:calc(50% - 1.25rem/2);height:auto;}

.checkbox-user label{font-size:14px;cursor:pointer;}

.checkbox-user label::before,.checkbox-user label::after{top:calc(50% - 1rem/2);}

.radio-user{margin-right:1rem;}

.radio-user:last-child{margin-right:0px;}

.radio-user label::before,.radio-user label::after{top:calc(50% - 1rem/2);}

.note-user{font-size:14px;border-top:1px solid #ddd;padding-top:0.5rem;}
.id_package{width: 100%;padding: 6px 10px;color: #495057;font-size: 14px;border: 1px solid #ced4da;border-radius: 0.25rem;outline: none;}
label.error {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
label.error {
    margin-top: 2px;
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #ff0000;
    position: absolute;
    bottom: -11px;
    left: 0;
    margin: 0;
}