.login_sec{padding:50px 0;background:#f7f7f7;font-family:'Poppins',sans-serif;border-bottom:1px solid #ddd;}
    .login_form .page_title{position:relative;margin-bottom:30px;}
    .login_form .page_title h1{font-size:22px;color:#333;line-height:22px;font-weight:600;}

    .login_form{background:#fff;padding:35px 40px;border:solid 1px #ddd;box-shadow:3px 3px 3px #e7e7e7;box-sizing:border-box;width:450px;margin:auto;font-family:'Open Sans', sans-serif;border-radius:20px}
    .login_form .rec_fild{margin-bottom:20px;}
    .login_form .rec_fild .error_mess{font-size:11px;color:#900;margin-top:4px;line-height:12px;}
    .login_form .rec_fild .error_mess a{color:#03c;font-weight:bold !important;}
    .login_form .rec_fild .float_input.error_border,.login_form .rec_fild .float_select.error_border{border-color:#900}
    .float_label{position:relative}
    .float_label .float_input{font-size:13px;padding:15px 15px;display:block;width:100%;border:1px solid #ccc;color:#555;border-radius:5px;}
    .float_label .float_select{font-size:13px;padding:15px 15px;display:block;width:100%;border:1px solid #ccc;color:#999;position:relative;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:5px;}
    .float_label .float_select option:first-child{color:#999}
    .float_label .fa.fa-angle-down{position:absolute;right:15px;top:20px;font-size:20px;color:#aaa;z-index:1;line-height:0px;pointer-events:none}
    .float_label.valid  label{display:block !important;}
    .float_label.valid .float_select{padding:12px 15px;color:#555}
    .float_input:focus,.float_select:focus{outline:none;border-color:#999}
    .float_label label{color:#999;font-size:13px;font-weight:400;position:absolute;pointer-events:none;left:15px;top:12px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
    .float_input:focus ~ label,.float_input:not(:placeholder-shown) ~ label{top:-9px;font-size:11px;color:#666;background:#fff;padding:0px 5px;}
    .float_select:focus ~ label,.float_select:not([value=""]):valid ~ label{top:-9px;font-size:11px;color:#666;background:#fff;padding:0px 5px;}
    .float_input:focus ~ .bar:before,.float_input:focus ~ .bar:after,.float_select:focus ~ .bar:before,.float_select:focus ~ .bar:after{width:50%}
    *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .login_form .submit_bt{background:linear-gradient(45deg, #c33232, #e55353);color:#fff;padding:12px;border:none;width:100%;font-size:18px;font-family:'Roboto Condensed',sans-serif;cursor:pointer;box-shadow:0px 3px 7px #ccc;border-radius:30px;}
    .login_form .submit_bt:hover{background:linear-gradient(45deg, #e55353, #c33232);}

    .or_sec{text-transform:uppercase;font-size:14px;color:#666;text-align:center;padding:25px 0px}
    .registration_sec{margin:0px -20px -15px;text-align:center;background:#f7f7f7;padding:20px;border:solid 1px #eee;border-radius:20px;}
    .registration_sec .not_reg_text{font-size:16px;font-weight:500;margin:0px;}
    .registration_sec a{font-size:16px;font-weight:600;text-transform:uppercase;display:inline-block;margin-top:10px;color:#03C}
    .verify_user_box{margin-bottom:20px;font-size:14px;color:#666}
    .verify_user_box b{margin-right:5px;color:green}
    .verify_user_box a{color:#03c;display:inline-block;margin-left:5px;}
    .forgot_pass{margin-bottom:20px;display:flex;justify-content:space-between;font-size:13px;}
    .forgot_pass label{display:flex;align-items:center;}
    .forgot_pass input[type="checkbox"]{display:inline-block;margin-right:5px;}
    .forgot_pass a{color:#03c;display:inline-block;}

    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
    input[type=number]{-moz-appearance:textfield}
    .otp-msg{text-align:center; margin-bottom:20px;font-size:13px;line-height:22px;color:#333;}
    .otp-msg a{display:inline-block;margin-left:5px;color:#06c;text-decoration:underline; font-weight:500;}
    .login-otp .otp-label{font-size:14px;display:block;color:#333;text-align:center;margin-bottom:10px;}
    .otp-ig{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
    .otp-input{width:60px;padding:12px;text-align:center;border:1px solid #ccc;border-radius:3px;margin-right:7px;box-sizing:border-box;outline:none;box-shadow:none; font-size:14px;}
    .otp-input:last-child{margin-right:0;}
    .otp-input::-webkit-outer-spin-button,
    .otp-input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}.otp-input input[type=number].otp-input {-moz-appearance: textfield;}
    .otp-received{text-align:center;font-size:14px;color:#999;margin-top:20px;}
    .otp-received strong{color:#c03;}
    .otp-received a{display:inline-block;color:#06c;font-weight:500;}
    .otp-received span{color:#06c;}
    .login_bt_otp2{margin:30px 0px 0px;text-align:center;}
    .login_bt_otp2 .btn_call{display:inline-block;width:45%;padding:8px 10px;font-size:15px;font-weight:400;outline:none;box-shadow:none;background:#fff;border:1px solid #ccc ;border-radius:3px;color:#333;box-shadow:0px 0px 10px #eee;margin-left:10px;cursor:pointer}
    .login_bt_otp2 .btn_call:hover{background-image:linear-gradient(to right, #5492ef , #2864be);color:#fff;border-color:#5492ef}
    .login_bt_otp2 .or{text-transform:uppercase;font-size:14px;color:#999;display:block;text-align:center;margin-bottom:-10px}
    .login_bt_otp2 .or span{background:#fff;padding:1px 10px}
    .login_bt_otp2 ._live{border-top:solid 1px #eee;padding-top:20px;margin-bottom:10px;}

    /* ════════════════════════════
       RESPONSIVE — Mobile / Tablet
    ════════════════════════════ */
    @media (max-width: 575px) {
        .login_sec{padding:25px 0}
        .login_form{width:100%;padding:25px 20px}
        .registration_sec{margin:0 -10px -15px}
        .login_bt_otp2 .btn_call{width:100%;margin-left:0;margin-top:10px}
    }