.open-close .opener{
    position: unset;
}

.invalid {
    border-color: red;
}

.has-error .jcf-hidden ~ .jcf-select,
.has-error .jcf-hidden + .jcf-select {
    border-color: red!important;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .data-list {
        font-size: 1.0rem;
        font-weight: 700;
    }

}

.otp-wrap{
    max-width: 520px;
    width: 100%;
    margin-top: 24px;
}

.otp-card{
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.08);
}

.otp-input-row{
    display: flex;
    align-items: center;
}

.otp-input{
    height: 52px;
    font-size: 18px;
    letter-spacing: 4px;
    text-align: center;
}

.otp-timer-badge{
    height: 52px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.08);
}