body {
    font-family: poppins !important;
}
/* For Desktop View */
@media screen and (min-width: 1024px) {
}

/* For Tablet View */
@media screen and (min-device-width: 700px) and (max-device-width: 1024px) {
    .loginCustomClass {
        background-position: 0px -824px !important;
        background-repeat: repeat !important;
    }

    .pw-body {
    }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    /*        .loginCustomClass {
            background-position-y: -605px !important;
            background-repeat: repeat !important;
        }*/
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
    /*    .loginCustomClass {
        background-position-y: -605px !important;
        background-repeat: repeat !important;
    }*/
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 992px) {
    .loginCustomClass {
        background-position: 0px -260px !important;
        background-repeat: repeat !important;
    }

    .pw-body {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .pw-card {
        width: 100% !important;
    }
}

@media screen and (max-device-width : 400px) {
    .loginCustomClass {
        background-position-y: -160px !important;
        background-repeat: repeat !important;
    }

    .pw-body {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .pw-card {
        width: 100% !important;
    }
}

@font-face {
    font-family: poppins;
    src: url('../../Fonts/Poppins/Poppins-Regular.ttf');
}