html{
    font-size: clamp(10px, 0.625rem, 16px);
}
body{
    font-size:1.6rem;
    font-family: 'Univers Next for HSBC W06 Rg';
    width: 100%;
}
.iconSpan:after{
    /* -webkit-clip-path: inset(.125rem 0) padding-box; */
    /* clip-path: inset(.125rem 0) padding-box; */
    margin: 0 .325rem;
    padding: 0 .625rem;
    -webkit-mask-size: 1.5rem;
    mask-size: 1.5rem;
    content: "";
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' %3E%3Cpath d='M1792 256v640h-128V475l-851 850-90-90 850-851h-421V256h640zm-512 1007h128v529H256V640h529v128H384v896h896v-401z' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' %3E%3Cpath d='M1792 256v640h-128V475l-851 850-90-90 850-851h-421V256h640zm-512 1007h128v529H256V640h529v128H384v896h896v-401z' /%3E%3C/svg%3E");
}
.hiddenContent{
    position: absolute;
    clip-path: inset(50%);
}
.buttons{
    flex-wrap: wrap;
}
.h1heading {
    word-wrap: break-word;
}
.h1grid{
    word-break: break-word;
}
#email_ver_but_resend {
    display: none !important;
}
.verify{
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    grid-auto-rows: auto;

    #email_ver_input_label{
        grid-column: 1;
        grid-row: 1;

    }
    #email_ver_input{
        grid-column: 1;
        grid-row: 2;

    }
    #email_ver_but_verify{
        grid-column: 1;
        grid-row: 3;
        width: 10rem;
        margin-left: 12rem;
    }

    .customCancel{
        grid-column: 1;
        grid-row: 3;
        width: 10rem;
    }
}
#header{
    word-wrap: break-word;
}
#authenticatorAppIconControl-title,#authenticatorInfoControl-title,#authenticatorInfoControl-account_name,#authenticatorInfoControl-secret{
    word-break: break-word;
}
#authenticatorInfoControl-collapse_text{
    width:100% !important;
}

@media screen and (max-width: 768px) {
    .verify{
        #email_ver_but_verify{
            margin-left: 0;
        }
    
        .customCancel{
            grid-row: 4;
        }
    }
    .grid-container {
        grid-template-rows: auto auto;
    }
    input {
        width:100%
    }
    .password-label a{
        float: none;
        padding-right: 0;
    }
    .heading h1{
        font-size: 2.5rem;
    }
    .footer{
        display: grid;
        justify-content: center;
    }
    .footeritems1 {
        gap: 1rem;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footeritems2 p {
        justify-content: center;
        text-align: center;
    }
}