.register-container .left-block{
    background-color: white;
}
.register-container .right-block {
    background-color: #F0F4FF;
    display: flex;
    align-items: center;
}
.register-container .left-block input:not(.checkbox), .modal-body input {
    border: none;
    background-color: #F0F4FF;
    border-radius: 8px;
}

.validate-btn, .register-btn {
    border-radius: 8px;
    border: none;
    background-color: #123195;
    color: white;
}
    .register-btn:hover, .validate-btn:hover {
        background-color: #5371D3;
    }
.register-container .left-block input[disabled]{
    background-color:#e1e4eb;
}
.register-container .left-block button[disabled] {
    color: black;
    background-color: #e1e4eb;
    cursor: not-allowed;
}
.termsCondition {
    border: 1px solid black;
    padding: 10px;
    height: 150px;
    overflow-y: scroll;
}
.left-block label {
    left: 10px;
}
.centered-text {
    margin: 3%;
    font-family: Arial, Helvetica, sans-serif;
    max-height:400px;
    overflow-y:auto;
}
.left-block a {
    text-decoration: none;
    color: black;
    transition: 0.2s ease-in-out all;
}

.left-block a:hover {
    color: blue;
}


.register-container {
    display: flex; /* Make the container a flex container */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Make the container fill the full height of the viewport */
}

.row.validate-user {
    width: 100%; /* Optional: Ensure the form fields stretch nicely */
    max-width: 1200px; /* Optional: Limit the maximum width */
}

.form-control {
    padding: 10px 15px !important;
}

.form-floating > label {
    left: unset;
}