.userLogin-Area {
    padding: 100px 0px 60px 0px;
}
.phone-number-login-box {
    background: #d7e3f4;
    padding: 20px;
    border-radius: 11px;
}
.phone-image img {
    height: 600px;
}
.Continue-Button {
    background: #516cdd;
    color: white;
    font-family: inherit;
    padding: 0.35em;
    padding-left: 1.2em;
    font-size: 17px;
    font-weight: 500;
    border-radius: 4px;
    border: none;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 1.6em -0.6em #714da6;
    overflow: hidden;
    position: relative;
    height: 2.8em;
    padding-right: 3.3em;
    cursor: pointer;
}
.Continue-Button .icon {
    background: white;
    margin-left: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.2em;
    width: 2.2em;
    border-radius: 50px;
    right: 0.3em;
    transition: all 0.3s;
}
.Continue-Button:hover .icon {
    width: calc(100% - 0.6em);
}
.Continue-Button .icon svg {
    width: 1.1em;
    transition: transform 0.3s;
    color: #7b52b9;
}
.Continue-Button:hover .icon svg {
    transform: translateX(0.1em);
}
.Continue-Button:active .icon {
    transform: scale(0.95);
}
.error_message {
    font-size: 13px;
    color: #c41616;
    font-family: 'rubik';
}
.login-heading-text h1 {
    font-size: 28px;
    font-family: 'rubik';
    font-weight: 500;
    color: #516cdd;
    margin: 0;
}
.login-heading-text span {
    font-size: 15px;
    font-family: 'rubik';
    color: #424242;
}
.label-heading {
    font-size: 16px;
    font-weight: 400;
    color: #536ad9;
    font-family: 'rubik';
}