.create-account {
    /* background-image: url('../img/create-account-screen-bg.png'); */
    /* background-position: center; */
    object-fit: cover;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.create-account .left-side img {
    width: 410px;
    height: 340px;
}

.left-side .left-text {
    font-weight: var(--fw-medium);
    font-size: var(--xl-size);
    color: #64686C;
    width: 410px;
    text-align: center;
}

.create-account .right-side {
    border: 1px solid var(--light-dark);
    border-radius: 12px;
    width: 100%;
    background-color: var(--sky-white);
}

.right-side .heading-title {
    font-weight: var(--fw-medium);
    font-size: var(--heading-title);
    color: var(--dark);
}

.right-side .input-group input::placeholder {
    color: var(--light-dark);
    font-weight: var(--fw-medium);
    font-size: var(--common-size);
}

.right-side .input-group i {
     font-size: var(--mediuum-size);
}

.right-side .input-group .form-control {
    border-left: none;
    border-right: none;
    padding: 10px 0;
}


.right-side .input-group-text {
    background-color: #fff;
    border: none;
    color: var(--dark);
}

.right-side .input-icon {
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}





.right-side button {
    border-radius: 12px;
    padding: 10px 10px;
    border: 1px solid var(--dark);
     font-weight: var(--fw-medium);
    color: var(--dark);
    background-color: var(--light-white);
    margin-top: 20px;
    font-size: var(--mediuum-size);
}

.right-side button:hover {
    background-color: var(--dark);
    color: var(--light-white);
}

.right-side .link-text {
    font-weight: var(--fw-medium);
    font-size: var(--common-size);
    color: var(--dark);
}


.right-side .otp-text {
     font-weight: var(--fw-semi-bold);
    font-size: var(--mediuum-size);
    color: var(--dark);
}

.right-side form .otp-input {
    border: 1px solid var(--light-dark);
    border-radius: 12px;
    height: 35px;
    width: 35px;
    text-align: center;
    margin: 0 5px;
}

div.page-title.py-3 {
    display: none;
}