.login-wrapper{
            min-height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:40px 15px;
        }

        .login-container{
            background:#fff;
            border-radius:25px;
            overflow:hidden;
            box-shadow:0 20px 60px rgba(33,80,180,.12);
        }

        .left-side{
            background:linear-gradient(180deg,#f9fbff,#eef4ff);
            position:relative;
            padding:60px;
        }

        .left-side:before{
            content:'';
            width:450px;
            height:450px;
            border-radius:50%;
            background:rgba(47,109,255,.06);
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
        }

        .shield{
            position:relative;
            z-index:2;
            max-width:280px;
        }

        .title{
            font-size:46px;
            font-weight:700;
            color:#14213d;
        }

        .title span{
            color:#2962ff;
        }

        .feature-box{
            background:#fff;
            border-radius:15px;
            padding:14px;
            box-shadow:0 10px 25px rgba(0,0,0,.08);
        }

        .feature-box i{
            color:#2962ff;
            font-size:22px;
        }

        .login-card{
            background:#fff;
            border-radius:25px;
            padding:50px;
            box-shadow:0 15px 40px rgba(0,0,0,.08);
        }

        .logo{
            width:65px;
            height:65px;
            background:#2962ff;
            border-radius:18px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-size:28px;
            margin:auto;
        }

        .form-control{
            height:55px;
            border-radius:12px;
        }

        .btn-login{
            height:55px;
            border-radius:12px;
            background:#2962ff;
            border:none;
            font-weight:600;
            font-size:18px;
        }

        .btn-login:hover{
            background:#1b54ef;
        }

        .or-line{
            display:flex;
            align-items:center;
            text-align:center;
            margin:25px 0;
        }

        .or-line:before,
        .or-line:after{
            content:'';
            flex:1;
            height:1px;
            background:#ddd;
        }

        .or-line span{
            margin:0 15px;
            color:#777;
        }

        @media(max-width:991px){

            .left-side{
                display:none;
            }

            .login-card{
                padding:35px;
            }

        }
        .text-danger {
            display: block;
            font-size: 13px;
            margin-top: 5px;
        }

        .input-group + .text-danger {
            width: 100%;
        }