@media (max-width: 10000px) {
    .u-block-b728-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('../images/login_bg2x.png');
        background-position: 50% 50%
    }

    .u-block-b728-2 {
        min-height: 747px
    }

    .u-block-b728-24 {
        height: 382px;
        width: 533px;
        background-image: none;
        --radius: 35px;
        margin-top: 99px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px
    }

    .u-block-b728-27 {
        background-image: none
    }

    .u-block-b728-30 {
        background-image: none
    }

    .u-block-b728-31 {
        justify-content: right
    }

    .u-block-b728-35 {
        margin-left: 0
    }

    .u-block-b728-37 {
        margin-left: 0
    }

    .u-block-b728-34 {
        width: 100%;
        background-image: none;
        border-style: none;
        --radius: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0
    }
}


@media (max-width: 960px) {
    .u-block-b728-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('../images/login_bg2x.png');
        background-position: 50% 50%
    }

    .u-block-b728-2 {
        min-height: 616px
    }

    .u-block-b728-24 {
        height: 382px;
        margin-top: 99px;
        margin-right: auto;
        margin-bottom: 60px;
        margin-left: auto;
        width: 533px;
        background-image: none;
        --radius: 35px
    }

    .u-block-b728-27 {
        background-image: none
    }

    .u-block-b728-30 {
        background-image: none
    }

    .u-block-b728-31 {
        justify-content: right
    }

    .u-block-b728-35 {
        margin-left: 0
    }

    .u-block-b728-37 {
        margin-left: 0
    }

    .u-block-b728-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}

@media (max-width: 720px) {
    .u-block-b728-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('../images/login_bg2x.png');
        background-position: 50% 50%
    }

    .u-block-b728-2 {
        min-height: 472px
    }

    .u-block-b728-24 {
        height: 382px;
        margin-top: 99px;
        margin-right: auto;
        margin-bottom: 60px;
        margin-left: auto;
        width: 400px;
        background-image: none;
        --radius: 35px
    }

    .u-block-b728-27 {
        background-image: none
    }

    .u-block-b728-30 {
        background-image: none
    }

    .u-block-b728-31 {
        justify-content: right
    }

    .u-block-b728-35 {
        margin-left: 0
    }

    .u-block-b728-37 {
        margin-left: 0
    }

    .u-block-b728-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}


@media (max-width: 540px) {
    .u-block-b728-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('../images/login_bg2x.png');
        background-position: 50% 50%
    }

    .u-block-b728-2 {
        min-height: 354px
    }

    .u-block-b728-24 {
        height: 382px;
        margin-top: 99px;
        margin-right: auto;
        margin-bottom: 60px;
        margin-left: auto;
        width: 350px;
        background-image: none;
        --radius: 35px
    }

    .u-block-b728-27 {
        background-image: none
    }

    .u-block-b728-30 {
        background-image: none
    }

    .u-block-b728-31 {
        justify-content: right
    }

    .u-block-b728-35 {
        margin-left: 0
    }

    .u-block-b728-37 {
        margin-left: 0
    }

    .u-block-b728-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}


@media (max-width: 340px) {
    .u-block-b728-1 {
        background-position: 50% 50%, 0px 0px;
        background-repeat: no-repeat, repeat;
        background-size: contain, auto
    }

    .u-block-b728-2 {
        min-height: 960px
    }

    .u-block-b728-24 {
        height: 382px;
        width: 250px;
        background-image: none;
        --radius: 35px;
        margin-top: 99px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px
    }

    .u-block-b728-27 {
        background-image: none
    }

    .u-block-b728-30 {
        background-image: none
    }

    .u-block-b728-31 {
        justify-content: right
    }

    .u-block-b728-35 {
        margin-left: 0
    }

    .u-block-b728-37 {
        margin-left: 0
    }

    .u-block-b728-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}


/*sign-up*/


.u-block-7fbc-1 {
    background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('/287f7e005091/login_bg2x.png');
    background-position: 50% 50%
}

.u-block-7fbc-2 {
    min-height: 747px
}

.u-block-7fbc-24 {
    height: 382px;
    width: 533px;
    background-image: none;
    --radius: 35px;
    margin-top: 99px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.u-block-7fbc-27 {
    background-image: none
}

.u-block-7fbc-30 {
    background-image: none
}

.u-block-7fbc-40 {
    margin-left: 0px
}

.u-block-7fbc-39 {
    background-image: none
}

.u-block-7fbc-35 {
    margin-left: 0
}

.u-block-7fbc-37 {
    margin-left: 0
}

.u-block-7fbc-31 {
    justify-content: right
}

.u-block-7fbc-34 {
    width: 100%;
    background-image: none;
    border-style: none;
    --radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0
}


#otp_validator_input_container {
    display: flex;
    justify-content: center;
}

#otp_validator_input_container .otp_validator_input {
    width: 35px;
    height: 35px;
    margin: 10px;
    -moz-appearance: textfield;
    text-align: center;
    border: 0;
    border-bottom: 2px solid var(--blue-dark);
}

#otp_validator_input_container .otp_validator_input:focus {
    outline: none;
}

#otp_validator_input_container input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}


@media (max-width: 960px) {
    .u-block-7fbc-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('/287f7e005091/login_bg2x.png');
        background-position: 50% 50%
    }

    .u-block-7fbc-2 {
        min-height: 616px
    }

    .u-block-7fbc-24 {
        height: 382px;
        margin-top: 99px;
        margin-right: auto;
        margin-bottom: 60px;
        margin-left: auto;
        width: 533px;
        background-image: none;
        --radius: 35px
    }

    .u-block-7fbc-27 {
        background-image: none
    }

    .u-block-7fbc-30 {
        background-image: none
    }

    .u-block-7fbc-40 {
        margin-left: 0px
    }

    .u-block-7fbc-39 {
        background-image: none
    }

    .u-block-7fbc-35 {
        margin-left: 0
    }

    .u-block-7fbc-37 {
        margin-left: 0
    }

    .u-block-7fbc-31 {
        justify-content: right
    }

    .u-block-7fbc-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}

@media (max-width: 720px) {
    .u-block-7fbc-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('/287f7e005091/login_bg2x.png');
        background-position: 50% 50%
    }

    .u-block-7fbc-2 {
        min-height: 472px
    }

    .u-block-7fbc-24 {
        height: 382px;
        margin-top: 99px;
        margin-right: auto;
        margin-bottom: 60px;
        margin-left: auto;
        width: 400px;
        background-image: none;
        --radius: 35px
    }

    .u-block-7fbc-27 {
        background-image: none
    }

    .u-block-7fbc-30 {
        background-image: none
    }

    .u-block-7fbc-40 {
        margin-left: 0px
    }

    .u-block-7fbc-39 {
        background-image: none
    }

    .u-block-7fbc-35 {
        margin-left: 0
    }

    .u-block-7fbc-37 {
        margin-left: 0
    }

    .u-block-7fbc-31 {
        justify-content: right
    }

    .u-block-7fbc-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}

@media (max-width: 540px) {
    .u-block-7fbc-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('/287f7e005091/login_bg2x.png');
        background-position: 50% 50%
    }

    .u-block-7fbc-2 {
        min-height: 354px
    }

    .u-block-7fbc-24 {
        height: 382px;
        margin-top: 99px;
        margin-right: auto;
        margin-bottom: 60px;
        margin-left: auto;
        width: 350px;
        background-image: none;
        --radius: 35px
    }

    .u-block-7fbc-27 {
        background-image: none
    }

    .u-block-7fbc-30 {
        background-image: none
    }

    .u-block-7fbc-40 {
        margin-left: 0px
    }

    .u-block-7fbc-39 {
        background-image: none
    }

    .u-block-7fbc-35 {
        margin-left: 0
    }

    .u-block-7fbc-37 {
        margin-left: 0
    }

    .u-block-7fbc-31 {
        justify-content: right
    }

    .u-block-7fbc-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}

@media (max-width: 340px) {
    .u-block-7fbc-1 {
        background-image: linear-gradient(0deg, rgba(var(--black-r), var(--black-g), var(--black-b), 0.15), rgba(var(--black-r), var(--black-g), var(--black-b), 0.15)), url('/287f7e005091/login_bg2x.png');
        background-position: 50% 50%, 0px 0px;
        background-repeat: no-repeat, repeat;
        background-size: contain, auto
    }

    .u-block-7fbc-2 {
        min-height: 223px
    }

    .u-block-7fbc-24 {
        height: 382px;
        width: 240px;
        background-image: none;
        --radius: 35px;
        margin-top: 99px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px
    }

    .u-block-7fbc-27 {
        background-image: none
    }

    .u-block-7fbc-30 {
        background-image: none
    }

    .u-block-7fbc-40 {
        margin-left: 0px
    }

    .u-block-7fbc-39 {
        background-image: none
    }

    .u-block-7fbc-35 {
        margin-left: 0
    }

    .u-block-7fbc-37 {
        margin-left: 0
    }

    .u-block-7fbc-31 {
        justify-content: right
    }

    .u-block-7fbc-34 {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        background-image: none;
        border-style: none;
        --radius: 10px
    }
}