html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] .content-navbar,
html[dir="rtl"] .content-footer,
html[dir="rtl"] .offcanvas-body,
html[dir="rtl"] .offcanvas-header {
    text-align: right;
}

html[dir="rtl"] .content-brand {
    flex-direction: row;
}

html[dir="rtl"] .content-nav-desktop {
    margin-left: 0;
}

html[dir="rtl"] .content-footer .row {
    direction: rtl;
}