.login-wrapper{
            min-height:100vh;
        }

        /* LEFT SIDE */

        .left-panel{
            position:relative;
            min-height:100vh;
           
            background-size:cover;
            overflow:hidden;
        }

        .left-panel:before{
            content:'';
            position:absolute;
            inset:0;
            background:rgba(0,33,90,.55);
        }

        .left-content{
            position:relative;
            z-index:2;
            color:#fff;
            max-width:650px;
            padding:35px;
        }

        .left-content h1{
            font-size:42px;
            font-weight:700;
            line-height:1.15;
            margin-bottom:20px;
        }

        .left-content .subtitle{
            font-size:18px;
            line-height:1.6;
            margin-bottom:25px;
                color: #fff;
        }

        .feature-item{
            display:flex;
            gap:20px;
            margin-bottom:27px;
        }

        .feature-icon{
            width:55px;
            height:55px;
            min-width:55px;
            border-radius:50%;
            border:1px solid rgba(255,255,255,.3);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:24px;
        }

        .feature-item h5{
            font-size:16px;
            font-weight:600;
            margin-bottom:5px;
        }

        .feature-item p{
            margin:0;
            color:rgba(255,255,255,.9);
            font-size:14px;
        }

        /* RIGHT SIDE */

        .right-panel{
            min-height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
        }
        .login-card .form-check {
    display: flex;
    align-items: center;
}
        .login-card{
            background:#fff;
            border-radius:24px;
            width:100%;
            max-width:760px;
            padding:30px;
            box-shadow:0 5px 25px rgba(0,0,0,.06);
        }
.left-sd-cntnt-dtl {
    padding-right:0px;
}
        .login-header{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            margin-bottom:0px;
            gap: 20px;
        }

        .login-header h2{
            font-size:36px;
            font-weight:700;
            color:#001d68;
            margin-bottom:10px;
        }

        .login-header p{
            color:#666;
            font-size:16px;
        }

        .lock-image{
            width:95px;
        }

        .btn-google{
            height:64px;
            border:1px solid #ddd;
            background:#fff;
            font-weight:600;
            font-size:20px;
        }

        .divider{
            position:relative;
            text-align:center;
            margin:25px 0;
        }

        .divider:before{
            content:'';
            position:absolute;
            left:0;
            right:0;
            top:50%;
            border-top:1px solid #ddd;
        }

        .divider span{
            background:#fff;
            padding:0 20px;
            position:relative;
        }

        .form-label{
            font-weight:600;
            margin-bottom:10px;
        }

        .input-group-text{
            background:#fff;
            width:52px;
            justify-content:center;
        }
        .form-control,
        .input-group-text{
            height:50px;
        }
        .register-card .form-control,
.register-card .form-select,
.register-card .input-group-text{
    height:45px;
}
.register-card{
    box-shadow: 0 5px 25px rgba(0, 0, 0, .06);
    border-radius: 0px 24px 24px 0px;
}
.register-card .login-card {
    box-shadow: none;
        height: 100vh;
}
        .form-control{
            font-size:16px;
        }
        .forgot-link{
            color:#0056d6;
            text-decoration:none;
            font-weight:600;
        }
        .btn-login{
            height:45px;
            background:#0054d6;
            border:none;
            color:#fff;
            font-size:18px;
            font-weight:600;
            border-radius:8px;
        }
        .btn-login:hover{
            background:#0046b0;
        }
        .create-account{
            text-align:center;
            margin-top:20px;
            font-size:18px;
        }
        .create-account a{           
            text-decoration:none;
            color:#333;
        }
.create-account .forgetps {font-weight:600; color:#0054d6;}
        .security-section{
            border-top:1px solid #eee;
            margin-top:30px;
            padding-top:25px;
        }
        .security-item{
            display:flex;
            align-items:center;
            gap:12px;
        }
        .security-item i{
            font-size:24px;
            color:#0054d6;
        }
        .security-item h6{
            margin:0;
            font-size:14px;
            font-weight:600;
        }
        .security-item p{
            margin:0;
            font-size:12px;
            color:#666;
        }
        .feature-icon i{
    font-size:24px;
    color:#fff;
}
.input-group-text i{
    font-size:18px;
}

.security-item i{
    font-size:24px;
    color:#0054d6;
}

.btn-google i{
    font-size:20px;
}
@media only screen and (min-width:1024px) and (max-width: 1450px) {
.left-content h1 {
    font-size: 34px;
}
.login-header h2 {
    font-size: 30px;
}
.security-item h6 {
    font-size: 13px;
}
.security-item {
    gap: 7px;
}
.security-item p {
    font-size: 11px;
}
.create-account {
    font-size: 16px;
}
.security-section {
    margin-top: 20px;
    padding-top: 20px;
}
.login-card {
    padding: 25px 25px;
}
.divider {
    margin: 22px 0;
}
.login-card .form-check label{
    font-size: 14px;
}
.login-card .form-check .bi {
    font-size: 16px;
}
.login-card .form-check .form-check-input {
    margin-right: 5px;
}
.security-section .col-md-4{
    padding: 0px 6px;
}
}
@media(max-width:991px){
.register-card .login-card {
    height: auto;
}
            .left-panel{
                display:none;
            }

            .right-panel{
                padding:15px;
            }

            .login-card{
                padding:15px;
            }

            .login-header h2{
                font-size:36px;
            }

            .lock-image{
                display:none;
            }

            .security-section .col-md-4{
                margin-bottom:20px;
            }
        }