@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");

.wrapper {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrapper form {
    width: 20rem;
    /* background: rgba(238, 242, 255, 1);
    border-radius: 10px;
    padding: 20px; */
}
.input_field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    /* background: #eaeaea; */
    background: #dddddd30;
    font-size: 14px;
    border-radius: 10px;
    margin-top: 20px;
    color: rgb(86, 86, 255);
    font-weight: 600;
}
.inputBox {
    width: 100%;
    height: 2.5rem;
    margin-top: 1.5rem;

    span {
        color: red;
        font-size: small;
        margin-left: 15px;
    }
}
.inputBox input {
    width: 100%;
    height: 100%;
    background: #f3f3f4;
    border-radius: 8px;
    border: none;
    padding: 1rem;
}
.submit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}
.submit button {
    width: 100%;
    color: white;
}
.text {
    font-weight: 700;
}
.errorsSpan {
    color: red;
    font-size: small;
}

.skipButton {
    color: var(--blue) !important;

    &:hover {
        color: #fff !important;
    }
}
