body {
    direction: rtl;
    text-align: right;
}

/* Make Bootstrap components like card text align to the right */
.card-body {
    text-align: right;
}

/* Adjust the navbar */
.navbar-nav {
    margin-left: auto;
    margin-right: 0;
}

.navbar-toggler {
    float: left; /* Align the toggler icon to the left in RTL */
}

/* Any other custom RTL overrides as needed */