/* body {
 background-color: #f8f9fa;
 height: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;
} */

body {
 background-color: #f8f9fa;
 /* height: 100vh; */
 /* display: flex; */
 align-items: center;
 justify-content: center;
}

.container {
 height: 90vh;
 display: flex;
 align-items: center;
 justify-content: center;
}
.row {
 width: 100%;
 height: 100%;
 display: flex;
 overflow: hidden;
}
.left-section {
 background: linear-gradient(to bottom, #68c1f0, #c0e8ff);
 padding: 50px;
 text-align: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 100vh;
 position: relative;
}
.left-section img {
 max-width: 100%;
 height: auto;
}
.right-section {
 padding: 40px;
 background-color: #ffffff;
 height: 100%;
 overflow-y: auto;
 max-height: 100vh;
 scrollbar-width: none;
 -ms-overflow-style: none;
}
.right-section::-webkit-scrollbar {
 display: none;
}

h4 {
 font-family: 'Poppins';
 font-weight: 500;
 margin-top: 25px;
 font-size: 38px;
 line-height: 36px;
 color: #333333;       
}
label span {
 color: red;
}

.custom-btn {
 background-color: #6DB2EE;
 border-color: #6DB2EE;
 font-size: 18px;
 padding: 10px;
 border-radius: 8px;
 transition: 0.3s;
}
.custom-btn:hover {
 background-color: #549ecb;
 border-color: #549ecb;
}
.signin-box {
 background-color: #E7E7FF;
 border-radius: 8px;
 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.password-strength-bar {
 width: 100%;
 height: 5px;
 background-color: #e0e0e0;
 border-radius: 3px;
 margin-top: 5px;
 overflow: hidden;
}
.password-strength-indicator {
 height: 5px;
 width: 0%;
 transition: width 0.3s ease-in-out;
}
.form-check-input:checked {
 background-color: #FF5364;
 border-color: #FF5364;
}
@media screen and (max-width: 575px) {
    .left-section{
        height: auto !important;
    }
    .left-section img {
        max-width: 200px !important;
    }
    .left-section h4{
        font-size: 24px !important;
        line-height: 1.5;
    }
}