@font-face {
    font-family: 'PoppinsIP';
    font-style: normal;
    src: local(''), url('../fonts/Poppins Regular 400.ttf');
}
.input_field_container {
    display: flex;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 25px;
    height: 50px;
    width: 100%;
    font-family: 'PoppinsIP';
    background: rgba(0,0,0,0.2);
}

.input_field_container > div {
    margin-left: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    width:100%;
}

.input_field_fp {
    background: none;
    border: 0px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 70%;
    font-family: 'PoppinsIP';
}

::-ms-reveal{
    display:none;
}

.fa-icon{
    color: white;
    font-size: 17px;
    padding-right: 13px;
}
.fa-icon-md{
    color: white;
    font-size: 15px;
    margin-top:7px;
    padding-right: 13px;
}
.fa-icon-sm{
    color: white;
    font-size: 12px;
    padding-right: 13px;
}
.btn-con {
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-family: 'PoppinsIP';
    cursor: pointer;
}
.button-container {
    border-radius: 25px;
    width: 100%;
    text-align: center;
    display: inline-block;
    border: 0px;
}

.button-container:disabled {
    border-radius: 25px;
    width: 100%;
    text-align: center;
    display: inline-block;
    border: 0px;
    cursor: unset !important;
}

.button-container-purple-color {
    border-radius: 25px;
    width: 100%;
    text-align: center;
    display: inline-block;
    border: 0px;
}

.button-container-purple {
    border-radius: 25px;
    width: 100%;
    display: flex;
    align-items:center;
    justify-content:center;
    border: 0px;
}
.font-white {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-family: 'PoppinsIP';
}
.font-header {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    font-family: 'PoppinsIP';
    font-style: normal;

}
.font-grey {
    font-size: 16px;
    font-weight: 400;
    font-family: 'PoppinsIP';
}
.font-alert {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: 'PoppinsIP';
}

.font-italic-pw {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    font-family: 'PoppinsIP';
}
.font-purple {
    font-size: 16px;
    font-weight: 500;
    font-family: 'PoppinsIP';
}
input[type="tel"]{
    font-size:1.5rem;
    padding:0.5rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}
.otp-bx{
    display:flex;
    justify-content:center;
}
.otp-bx input{
    width:51.67px;
    height:60px;
    font-size: 20px;
    text-align:center;
    border-radius:2px;
    margin:4px;
    background: rgba(255,255,255,0.1);
    /*color:#FFFFFF;*/
    font-family:PoppinsIP;
}
.password_img_eye {
    cursor: pointer;
    font-size: 10px;
    filter: invert(1);
}

#pass-valid1 {
    width: 100%;
    margin-top: 10px;
    font-family: 'PoppinsIP';
    font-weight: 300 !important;
    font-style: italic !important;
    font-size: 11px !important;
    text-align: center !important;
    line-height: normal;
    display: block;
}

.invalid_email {
    margin-top:10px;
    font-family: 'PoppinsIP';
    font-weight: 300 !important;
    font-style: italic !important;
    font-size: 14px !important;
    text-align: center !important;
    line-height: normal;
    display: block;
}

#pass-valid2 {
    margin-top: 10px;
    font-family: 'PoppinsIP';
    font-weight: 300 !important;
    font-style: italic !important;
    font-size: 11px !important;
    text-align: center;
    line-height: normal;
    display: block;
    width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    background-color: transparent;
}
#hideIcon1 {
    opacity: 0.2;
}

#hideIcon2 {
    opacity: 0.2;
}

@media only screen and (max-width: 1400px) {

    .input_field_fp {
        font-size: 12px;
        width:65%;
    }
    .input_field_container {
        height: 35px;
    }

    .input_field_container > div {
        padding-left: 0px;
        padding-top: 4px;
        padding-bottom: 2px;
    }
    .btn-con {
        height: 35px;
        font-size:12px;
    }
    .font-white {
        font-size: 14px;
    }
    .font-header {
        font-size: 16px;
    }

    .font-grey {
        font-size: 14px;
    }
    .font-alert {
        font-size: 12px;
    }

    .font-italic-pw {
        font-size: 10px;
    }

    .font-purple {
        font-size: 14px;
    }
    .otp-bx{
        padding-left:0px;
    }
    #pass-valid1 {
        font-size: 10px !important;
    }

    #pass-valid2 {
        font-size: 10px !important;
    }
    .invalid_email {
        font-size: 12px !important;
    }
    .card{
       padding-bottom:80%;
    }
    .otp-bx input {
        width: 41.67px;
        height: 50px;
        font-size: 16px;
        border-radius: 2px;
        margin: 4px;
    }
}
@media only screen and (max-height: 920px) {

    .input_field_fp {
        font-size: 12px;
        width: 65%;
    }

    .input_field_container {
        height: 35px;
    }

        .input_field_container > div {
            padding-left: 0px;
            padding-top: 4px;
            padding-bottom: 2px;
        }

    .btn-con {
        height: 35px;
        font-size: 12px;
    }

    .font-white {
        font-size: 14px;
    }

    .font-header {
        font-size: 16px;
    }

    .font-grey {
        font-size: 14px;
    }
    .font-alert {
        font-size: 12px;
    }

    .font-italic-pw {
        font-size: 10px;
    }

    .font-purple {
        font-size: 14px;
    }

    .otp-bx {
        padding-left: 0px;
    }

    #pass-valid1 {
        font-size: 10px !important;
    }

    #pass-valid2 {
        font-size: 10px !important;
    }

    .invalid_email {
        font-size: 12px !important;
    }

    .card {
        padding-bottom: 80%;
    }
    .otp-bx input {
        width: 41.67px;
        height: 50px;
        font-size: 16px;
        border-radius: 2px;
        margin: 4px;
    }
}
@font-face {
    font-family: 'poppins';
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url("/fonts/Poppins-Light-Italic-300.ttf") format('truetype')
}
.back {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
}
.btn-back {
    display: flex;
    width: 100%;
    border-radius: 25px;
    font-family: poppins;
    font-weight: 500;
    align-items: center;
    background: rgba(0,0,0,0);
    max-width: 130px;
    justify-content: center;
    cursor:pointer;
}
#arrow {
    padding-right: 4px;
}
.pointer{
    cursor:pointer;
}
.text-danger {
    font-family:PoppinsIP;
}
#OTP_time {
    font-family: PoppinsIP;
}