.enter-phone-number {
  color: #1a1a1a;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* margin-top: 24px; */
}

    .enter-phone-number .title {
        text-transform: uppercase;
        /* font-family: BebasNeue;
  font-size: 24px;
  font-weight: 400; */
    }

/* .enter-phone-number .description {
  font-size: 16px;
  font-weight: 400;
} */

.enter-phone-number-step {
    border-top: 1px solid #939598;
}


.wrap-phone-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* margin-top: 28px;
  font-size: 16px;
  font-weight: 400;*/
}

.wrap-input-label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #939598;
    /* font-size: 12px;
  font-weight: 400; */
}

    .wrap-input-label span:first-child {
        /* font-size: 14px; */
        color: #1d4288;
    }

.wrap-input {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* margin: 6px 0 8px; */
}

    .wrap-input input {
        width: 80%;
        height: 48px;
        border: none;
        outline: none;
        padding: 12px;
        box-sizing: border-box;
        /* font-size: 16px;
  font-weight: 400; */
        background-color: rgba(191, 191, 191, 0.15);
        color: #939598;
        border-radius: 0;
    }

    .wrap-input button {
        width: 19%;
        height: 48px;
        border: none;
        outline: none;
        /* font-size: 22px; */
        color: white;
        /* font-weight: 400; */
        background-color: #1d4288;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        /* font-family: BebasNeue; */
    }

@media (max-width: 991px) {
    .wrap-input button {
        width: 30%;
    }
}

.verify-code-area {
    width: 100%;
    margin-top: 24px;
    /* height: 318px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 14px calc((100% - 400px) / 2);
    background-color: #efefef;
}


.verify-code-area > *{
    max-width: 380px;
}

.wrap-verify-code {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

    .wrap-verify-code input {
        width: 14%;
        height: 64px;
        background: #ffffff;
        border-radius: 4px;
        outline: none;
        border: 1px solid transparent;
        color: #1a1a1a;
        font-size: 32px;
        font-weight: 400;
        box-sizing: border-box;
        /* padding-left: 20px; */
        text-align: center;
    }

.verify-code-area button {
  width: 100%;
  height: 48px;
  background-color: #1d4288;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  outline: none;
  opacity: 0.5;
  border: none;
}

.verify-code-area .instructions-text-below {
    color: black;
    /* font-size: 16px; */
}

.verify-code-area span:last-child {
    color: #939598;
    /* font-size: 14px;
  font-weight: 400; */
}

.error-message {
  font-size: 16px !important;
  font-weight: 400;
  color: #ff5349 !important;
}

.error-input-border {
  border: 1px solid #ff5349 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

.form-user-info {
    border-top: 1px solid #939598;
}

.form-header-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* margin-top: 24px;  */
}

    .form-header-title span {
        text-transform: uppercase;
        /* font-family: BebasNeue;
  font-size: 24px;
  font-weight: 400; */
        color: #1a1a1a;
    }

    .form-header-title p {
        /* font-size: 16px;
  font-weight: 400; */
        color: #1a1a1a;
    }

.countdown-time {
    width: 100%;
    text-align: center;
    /* font-size: 24px;
    font-weight: 600; */
}