/* RTL Overrides */
body.rtl {
    text-align: right;
    direction: rtl;
}

body.rtl .mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

body.rtl .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

body.rtl .mr-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

body.rtl .ml-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

body.rtl .mr-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

body.rtl .mr-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* Navbar */
body.rtl .navbar-nav .nav-item .nav-link {
    text-align: right;
}

body.rtl .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

/* Features Icons */
body.rtl .media {
    flex-direction: row;
}

body.rtl .media .mr-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

/* Steps */
body.rtl .ui-steps .media-body {
    text-align: right;
}

/* Form */
body.rtl .form-group {
    text-align: right;
}

/* Footer */
body.rtl footer {
    text-align: right;
    /* Or center if preferred, usually center in footer */
}

/* Accordion/FAQ */
body.rtl .card-header button {
    text-align: right;
    width: 100%;
    display: flex;
    align-items: center;
}

body.rtl .card-header .ti-help-alt,
body.rtl .card-header .ti-signal,
body.rtl .card-header .ti-lock,
body.rtl .card-header .ti-desktop,
body.rtl .card-header .ti-world {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* Specific button overrides if needed */
body.rtl .btn-outline-primary.ml-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

/* Fix perspective phone position */
body.rtl .perspective-phone {
    text-align: left;
    direction: ltr;
    /* Ensure the image stays on the left */
}