body 

.navbar-nav {
    text-align: right; /* Align navigation items to the right */
}

.nav-item {
    padding-right: 15px; /* Add some space for right-aligned links */
}
h1, h6, p {
    text-align: inherit; /* Align headings and paragraphs to the right */
}
a {
    text-align: right; /* Align links and buttons properly for RTL */
}
h5, h4 {
    text-align: inherit; /* Align the text to the right for RTL */
}
/* Optionally, if you want to reverse the position of the carousel controls in RTL */

.btn {
    text-align: right; /* Align buttons correctly in RTL */
}