.wrap-user { width: 100%; max-width: 550px; margin: auto; border: 1px solid #cee9c9; border-radius: 5px; }
.title-user {font-size: 14px;font-weight: 700;color: #0f172a;margin-bottom: 15px;display: flex;align-items: center;gap: 8px;text-align: unset;background: #eef2f7;padding: 12px 20px;border-radius: 6px;}
.title-user span {font-size: 15px;text-align: center;display: block;text-transform: uppercase;color: #000;font-weight: 600;}
.title-user a { font-size: 12px; color: #ffffffad; }
.title-user a:hover { color: #fff }
.form-user { padding: 1em 15px; width: 100%; }
.form-user label { margin-bottom: 5px }
.input-group-text { padding: 0.67rem 0.75rem; border-radius: 0.25rem 0 0 0.25rem; }
.form-control, .form-control-plaintext:not(textarea), .custom-select { height: calc(1em + 1.25rem + 5px); }
.input-user { margin-bottom: 0.75rem; }
.input-country { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
.video_user input { width: 100% !important; }
.video_user >div { width: 100% !important; }
.video_user >div iframe { width: 100% !important; !i; !; height: 350px !important; !i; !; display: block }
.input-user input { height: 50px; width: 100%; border-radius: 6px; border: 1px solid #BABABA; background: #FFF; padding: 10px 25px; }
.button-user { margin-bottom: 0.5rem; text-align: center; justify-content: center !important; }
.button-user input { font-size: 14px; background: var(--main-color); border-color: var(--main-color); padding: 0.375rem 1.5rem; }
.button-user input:hover { background: none; color: #000; border-color: var(--main-color); }
.checkbox-user, .radio-user { cursor: pointer; margin: 0; margin-top: 10px; }
.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; text-align: center; }
.login-social { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; margin-bottom: 10px; }
.login-social a { padding: 5px 10px; font-size: 13px; color: #000; border-radius: 3px; cursor: pointer; }
.login-social a i { margin-right: 5px; }
.login-social a.login-facebook { color: #055698; border: 1px solid #055698; margin-right: 10px; }
.login-social a.login-facebook:hover { background: #055698; color: #fff; }
.login-social a.login-google { color: #EB4F38; border: 1px solid #EB4F38; }
.login-social a.login-google:hover { background: #EB4F38; color: #fff; }
.title-login { text-align: center; margin-bottom: 15px; }
.check-register { display: flex; align-items: center; justify-content: center; padding: 0 15px; }
.check-register a { margin: 0 10px; display: flex; align-items: center }
.check-register a:before { content: ''; width: 15px; height: 15px; border: 1px solid; border-radius: 50%; margin-right: 5px; }
.check-register a.active:before, .check-register a:hover:before { background: var(--main-color); border-color: var(--main-color); }
.location_regis { flex: 1 1 auto; width: 1%; min-width: 0; }
.location_regis select { height: 39px !important }
.input-user textarea { height: 100px }
@media(max-width:1024px) {
    .left_info{width:100%;}
    .flex_info{
        flex-wrap:wrap;
    }
    .right_info{
        width:100%;
    }
}
@media(max-width:576px) {
    .login-social { display: grid; grid-gap: 10px; }
    .login-social a.login-facebook { margin-right: 0; }
}