.mdc-button-google {
    cursor: pointer;
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/google.svg');
}

.mdc-button-microsoft {
    cursor: pointer;
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/microsoft.svg');
}

.mdc-button-facebook {
    cursor: pointer;
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/facebook.svg');
}

.mdc-button-choruslife {
    cursor: pointer;
    width: 63px;
    height: 62px;
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/choruslife.svg');
}

.mdc-button-apple {
    cursor: pointer;
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/apple.svg');
}

.mdc-password-rule-matched:after {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/rule-matched.svg');
    margin-left: 2px;
}

.mdc-password-rule-not-matched:after {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/rule-not-matched.svg');
    margin-left: 2px;
}
.mdc-icon-delete {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/delete-input.svg');
    cursor: pointer;
    transition: .5s;
}

.mdc-icon-email {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/email.svg');
}

.mdc-icon-password {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/password.svg');
}
.mdc-icon-eye {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/eye.svg');
}
.mdc-icon-eye-off {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/eye-off.svg');
}

.custom-back {
    font-family: Plus Jakarta Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.5px;
    color: #010202;
    background: transparent;
    border: none;
    padding: 0;
}

.custom-back-button {
    font-family: Plus Jakarta Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.5px;
    color: #010202;
    margin-bottom: 30px;
    background: transparent;
    border: none;
    padding: 0;
}
    .custom-back-button::before {
        content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/back.svg');
        cursor: pointer;
        margin-right: 5px;
    }


.mdc-icon-validate {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/images/signup-otp-validated.png');
    width: 222px;
    height: 222px;
    left: 50%;
    margin-left: -111px;
    top: 50%;
    margin-top: -111px;
}

.mdc-icon-cloud {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/images/signup-otp-to-validate.png');
    width: 222px;
    height: 222px;
    left: 77px;
    top: 113px;
}

.mdc-icon-profile {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/profile.svg');
}

.mdc-icon-spinner {
    content: url('https://stgchlgsmcontentprod01.blob.core.windows.net/azureb2c/icons/spinner.svg');
    z-index: 1;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}