@font-face {
    font-family: "Noto Sans Arabic";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/noto-sans-arabic-subset.woff2") format("woff2");
}

html[lang^="ur"],
html[lang^="ur"] body,
html[lang^="ur"] .tq-app-container {
    font-family: "Noto Sans Arabic", system-ui, sans-serif;
}

[dir="rtl"] .tq-app-container,
body.rtl .tq-app-container {
    direction: rtl;
    text-align: start;
}

[dir="rtl"] .tq-public-nav-inner {
    direction: rtl;
}

[dir="rtl"] .tq-public-nav-links,
[dir="rtl"] .tq-public-footer-links {
    direction: rtl;
}

[dir="rtl"] .tq-table,
[dir="rtl"] .tq-table th,
[dir="rtl"] .tq-table td {
    text-align: start;
}

[dir="rtl"] [style*="text-align: left"] {
    text-align: start !important;
}

[dir="rtl"] .tq-form-label,
[dir="rtl"] .tq-input-text,
[dir="rtl"] .tq-select,
[dir="rtl"] .tq-textarea {
    text-align: start;
}

.tq-skip-link {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 10000;
    padding: 10px 16px;
    color: #ffffff;
    background: #0f172a;
    transform: translateY(-150%);
}

.tq-skip-link:focus,
.tq-skip-link:focus-visible {
    transform: translateY(0);
    outline: 3px solid #059669;
    outline-offset: 2px;
}