body{
    background: linear-gradient(120deg,#f3f3ff,#87ceeb);
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Segoe UI',sans-serif;
}

.login-wrapper{
   
    width:100%;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
    background:#fff;
    min-height:400px;
}
.login-DIV {
    height: 100%;
    display: flex;
    align-items: center;
}
.register-DIV {
    height: 100%;
    display: flex;
    align-items: center;
}
/* LEFT SIDE */
.login-form{
    padding:45px;
    width: 100%;
}

.login-form h3{
    font-weight:700;
    margin-bottom:5px;
        color: #e91e63;
}

.form-control{
    border-radius:10px;
    padding:12px !important;
    background:#f5f6fb;
    border:none;
}

button.btn.btn-login{
    background:#e91e63;
    color:#fff;
    border-radius:10px;
    padding:10px;
    width:100%;
    font-weight:600;
    transition: .3s;
}
button.btn.btn-login:hover{
    background:#111111;
    color:#fff;
    border-radius:10px;
    padding:10px;
    width:100%;
    font-weight:600;
    transition: .3s;
}

.social-btn{
    border-radius:10px;
    padding:10px;
    background:#d6ebe9;
    border:none;
    width:100%;
    transition: .3s;
}
.social-btn:hover{
    border-radius:10px;
    padding:10px;
    background:#dde9e8;
    border:none;
    width:100%;
    transition: .3s;
}

/* RIGHT SIDE */
.login-slider{
    background:linear-gradient(135deg,#6c5ce7,#8e7bff);
    position:relative;
    height:100%;
}

/* IMAGE FULL FIT */
.carousel,
.carousel-inner,
.carousel-item{
    height:100%;
}

.slider-img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* responsive */
@media(max-width:991px){
    .login-form{
        padding:35px 25px;
    }
}