/* RTL styles for Arabic language */

/* Example: If you have float: left in style.css, you might need float: right here */
/* .some-element { float: right; } */

/* Example: If you have text-align: left, you might need text-align: right */
/* body { text-align: right; } */

/* Add specific RTL overrides here */

.main-content-wrapper {
    max-width: 860px; /* Fixed max-width */
    margin-left: auto; /* Center the wrapper */
    margin-right: auto; /* Center the wrapper */
}

/* Adjust padding for smaller screens */
@media (max-width: 859px) {
    .main-content-wrapper {
        /* Removed: padding, box-shadow, border-radius */
    }
}