.s-field--login__block-2--step-1 {
    padding-top: 90px;
    /* padding-bottom: 60px */
}

.s-field--login__block-2--step-2 {
    padding-top: 90px
}

@media all and (min-width:62.25em) {
    .s-field--login__block-2:after {
        background-position: 0 -650px
    }
    .s-field--login__block-2--step-1 {
        padding-bottom: 60px
    }
}

.s-field--login__form {
    width: 350px;
    max-width: 90%
}

.c-input__input--no-border-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.c-card {
    padding: 5px
}

.c-card--bg-buttons {
    background: #efe2d0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    padding: 10px
}

.c-card .c-button {
    font-size: 20px;
    height: 60px !important
}

    .c-card .c-button:hover {
        background: #ea691b !important;
        color: #fff;
        transition: background .2s ease-in
    }

    .c-card .c-button:focus {
        border: none;
        outline: none;
        box-shadow: none
    }

.c-input-pin .c-input__input {
    font-size: 20px !important;
    height: 60px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.c-input.input-field input[type="text"]:not(.browser-default) {
    border: 3px solid #d5dfe9
}

    .c-input.input-field input[type="text"]:not(.browser-default).border-blue {
        border: 3px solid #143b72
    }

.c-message-error {
    background: #efe2d0;
    color: #dc3545;
    padding: 10px;
    margin-top: 10px
}

.c-card-info {
    background: #efe2d0;
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 12px
}

    .c-card-info .c-button {
        max-width: 200px
    }

        .c-card-info .c-button .material-icons {
            width: 30px
        }

.c-modal {
    top: 50% !important;
    transform: translateY(-50%) !important
}

.disabled-field {
    cursor: not-allowed !important;
    pointer-events: none !important
}