[lang="ar"] body {
    direction: rtl;
    text-align: right;
    font-family: "Cairo", sans-serif !important;
}

[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] h4,
[lang="ar"] h5,
[lang="ar"] h6,
[lang="ar"] .h1,
[lang="ar"] .h2,
[lang="ar"] .h3,
[lang="ar"] .h4,
[lang="ar"] .h5,
[lang="ar"] .h6,
[lang="ar"] html,
[lang="ar"] pre,
[lang="ar"] code,
[lang="ar"] kbd,
[lang="ar"] samp,
[lang="ar"] input,
[lang="ar"] button,
[lang="ar"] select,
[lang="ar"] optgroup,
[lang="ar"] textarea,
[lang="ar"] .tooltip,
[lang="ar"] .popover,
[lang="ar"] .text-monospace,
[lang="ar"] .btn-icon-clipboard,
[lang="ar"] .has-success:after,
[lang="ar"] .has-danger:after {
    font-family: "Cairo", sans-serif !important;
}
[lang="ar"] htmlss {
    font-family: "Cairo", sans-serif !important;
}

[lang="ar"] .oblique {
    transform: skewX(-10deg) !important;
    overflow: hidden;
    width: 60%;
    left: -10rem !important;
    right: auto !important;
    border-bottom-right-radius: 0.75rem !important;
}