body.rtl header .navbar .navbar-nav.ms-auto {
    margin-right: auto !important;
    margin-left: 0px !important;
}

body.rtl .nav-item.mega-menu.dropdown .dropdown-menu ul {
    padding-right: 0px;
}

body.rtl .hero-slider #HeroSlider .owl-dots {
    right: 100px;
    left: auto;
}

body.rtl .hero-slider #HeroSlider .owl-nav {
    right: 220px;
    left: auto;
}

body.rtl .latest-statistics .cont {
    margin-right: auto;
    margin-left: inherit;
}

body.rtl .latest-statistics .cont .numbers .numbers-card:before {
    right: -22px;
    left: auto;
    flex-direction: row-reverse;
}

body.rtl .news-social-box .news .aerrow-positon {
    right: 0px;
    left: auto;
    flex-direction: row-reverse;
}

body.rtl .about-page .intro-founder-sec .intro-foun-card.card-4 {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .about-page .royal-order .accordion-box button::after {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .service-sub-page .service-win-supp .grp-txt {
    margin-left: 0;
    margin-right: auto;
}

body.rtl header .above-nav .above-nav-box .other-items, body.rtl .service-sub-page .aspects-edu-care .point-desc {
    margin-left: 0;
    margin-right: auto;
}

body.rtl header .above-nav .above-nav-box .social-icons, body.rtl .service-sub-page .edu-care-service .point-desc {
    margin-left: auto;
    margin-right: 0;
}

body.rtl .service-sub-page .gallery-box .accordion-header button:after {
    margin-left: 0px;
    margin-right: auto;
}

body.rtl .service-sub-page .service-offered .serv-off-card {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .service-sub-page .family-news .news .aerrow-positon {
    right: 0;
    flex-direction: row-reverse;
    left: auto;
}

body.rtl .service-sub-page .feedback-complains .news .aerrow-positon {
    flex-direction: row-reverse;
    align-items: center;
}

body.rtl .service-sub-page .about-health-tre-aid .grp-txt-opp {
    margin-right: 0;
    margin-left: auto;
}

body.rtl .service-sub-page .application-form .form-box .input-box .form-check {
    gap: 40px;
}

body.rtl .products-page .introduction-nitaj .cont {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .products-page .cont ul li {
    padding-left: 0px;
    padding-right: 38px;
}

body.rtl .products-page .cont ul li::after {
    left: auto;
    right: 0px;
}

body.rtl .products-page .official-partners .cont {
    margin-right: auto;
}

body.rtl .products-page .our-goal .cont {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .products-page .meet-trainees .trainee-card p {
    text-align: right;
}

body.rtl .products-page .academic-journey .tile-line .time-line-box .vertical-line {
    border-right: 1px solid #EBEBEA;
    border-left: none;
}

body.rtl .products-page .academic-journey .tile-line .time-line-box ul {
    padding-right: 0px;
}

body.rtl .products-page .cont ul {
    padding-right: 0px;
}

body.rtl .products-page .nasser-training-center .title-grp .nasser-logo {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .products-page .five-points .cont {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .products-page .transforming-futures .official-partners .cont {
    margin-right: 0;
    margin-left: auto;
}

body.rtl .products-page .donate-now .donation-card .img-box .share-icon {
    right: auto;
    left: 8px;
}

body.rtl .donate-detail-page .service-edu-care .grp-txt {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .cart-page .cart-box .cart-table table thead tr th.text-end, body.rtl .cart-page .cart-box .cart-table table tbody tr td.text-end, body.rtl .cart-page .cart-box .cart-table table tfoot tr td.text-end {
    text-align: left !important;
}

body.rtl .service-sub-page .scholar-support-box .box .sml-box {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .Quick-Donation-side-btn .quick-donation-fix-btn {
    left: auto;
    right: 0%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

body.rtl .orphan-dinar-tab .cont {
    margin-right: auto;
    margin-left: 0px;
}

body.rtl .faq-page .faq-accordian .accordion .accordion-item button:after {
    margin-left: 0px;
    margin-right: auto;
}


body.rtl .service-sub-page.become-volunteers-page .application-form .rtl-checkbox {
    display: flex;
    gap: 40px;
}

body.rtl .become-volunteers-page .become-volunteers .cont-volunteer ul {
    padding-left: 0px;
}

body.rtl .become-volunteers-page .application-form .input-box {
    direction: rtl;
    text-align: right;
}

body.rtl .become-volunteers-page .application-form .input-box label {
    direction: rtl;
    text-align: right;
    width: 100%;
}

body.rtl .become-volunteers-page .application-form .input-box input,
body.rtl .become-volunteers-page .application-form .input-box textarea {
    direction: rtl !important;
    text-align: right !important;
}

body.rtl .become-volunteers-page .application-form .input-box select {
    direction: rtl !important;
    text-align: right !important;
}

body.rtl .become-volunteers-page .application-form .input-box input::placeholder,
body.rtl .become-volunteers-page .application-form .input-box textarea::placeholder {
    direction: rtl;
    text-align: right;
}

body.rtl .become-volunteers-page .application-form .input-box input#register_email,
body.rtl .become-volunteers-page .application-form .input-box input#mobile,
body.rtl .become-volunteers-page .application-form .input-box input#reg_mobile,
body.rtl .become-volunteers-page .application-form .input-box input#personal_id,
body.rtl .become-volunteers-page .application-form .input-box input#email {
    direction: ltr !important;
    text-align: right !important;
}

body.rtl .become-volunteers-page .application-form .input-box input[type="date"] {
    direction: rtl !important;
    text-align: right !important;
    position: relative;
}

/* --- RTL: Select dropdown arrow on left side --- */
body.rtl .become-volunteers-page .application-form .input-box select.form-select {
    background-position: left 0.75rem center !important;
    padding-left: 2.25rem;
    padding-right: 16px;
}

/* --- RTL: Form validation icon position --- */
body.rtl .become-volunteers-page .application-form .input-box .form-control.is-invalid,
body.rtl .become-volunteers-page .application-form .input-box .form-select.is-invalid {
    background-position: left 0.75rem center !important;
    padding-left: 2.5rem;
    padding-right: 16px;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* --- RTL: Date input with validation - show red circle next to calendar icon --- */
body.rtl .become-volunteers-page .application-form .input-box input[type="date"].is-invalid {
    background-position: left 0.75rem center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-left: 60px !important;
}

body.rtl .become-volunteers-page .application-form .input-box input[type="date"].is-invalid::-webkit-calendar-picker-indicator {
    left: 36px;
}

/* --- RTL: Select dropdown with validation - show both icons on left --- */
body.rtl .become-volunteers-page .application-form .input-box select.form-select.is-invalid {
    background-position: left 0.75rem center, left 2.5rem center !important;
    padding-left: 4rem;
    padding-right: 16px;
}

body.rtl .become-volunteers-page .application-form .input-box .text-danger {
    direction: rtl;
    text-align: right;
    display: block;
}

/* --- RTL: Checkbox & Radio - flip check input to right side --- */
body.rtl .become-volunteers-page .application-form .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

body.rtl .become-volunteers-page .application-form .form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

body.rtl .become-volunteers-page .application-form .form-check-inline {
    margin-right: 0;
    margin-left: 1rem;
}

/* --- RTL: Radio groups & checkbox groups direction --- */
body.rtl .become-volunteers-page .application-form .form-box .radio-grp {
    direction: rtl;
}

body.rtl .become-volunteers-page .application-form .form-box .radio-grp .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

body.rtl .become-volunteers-page .application-form .form-box .radio-grp .form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

/* --- RTL: Terms checkbox alignment --- */
body.rtl .become-volunteers-page .application-form .rtl-checkbox .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

body.rtl .become-volunteers-page .application-form .rtl-checkbox .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

/* --- RTL: Submit button alignment --- */
body.rtl .service-sub-page.become-volunteers-page .application-form.main-form .submit-btn {
    justify-content: flex-end;
}

body.rtl .service-sub-page.become-volunteers-page .bg-banner .application-form .submit-btn {
    justify-content: flex-end;
}

/* --- RTL: Idea bank form info icon margin --- */
body.rtl .service-sub-page.become-volunteers-page .bg-banner .application-form .form-box h4 img {
    margin-left: 0;
    margin-right: 16px;
}

/* --- RTL: Ordered & unordered list in volunteer content --- */
body.rtl .become-volunteers-page .become-volunteers .cont-volunteer ol {
    padding-left: 0px;
    padding-right: 20px;
}

/* --- RTL: Terms modal content --- */
body.rtl .become-volunteers-page .terms-condition-popup {
    direction: rtl;
    text-align: right;
}

body.rtl .become-volunteers-page .terms-condition-popup ul {
    padding-left: 0;
    padding-right: 20px;
}

body.rtl .become-volunteers-page .terms-condition-popup .popup-title h3 {
    text-align: center;
}

/* --- RTL: Date input calendar icon position --- */
body.rtl .become-volunteers-page .application-form .input-box input[type="date"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 40px !important;
}

body.rtl .become-volunteers-page .application-form .input-box input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 12px;
    right: auto;
    cursor: pointer;
    z-index: 2;
    opacity: 1;
}

/* --- RTL: Date input inner spin button (remove overlap) --- */
body.rtl .become-volunteers-page .application-form .input-box input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

body.rtl .become-volunteers-page .application-form .input-box input[type="date"]::-webkit-datetime-edit {
    direction: rtl;
    text-align: right;
}

body.rtl .become-volunteers-page .application-form .input-box input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    direction: ltr;
}

/* --- RTL: General form-control feedback icon fix (moves validation icon to left) --- */
body.rtl .become-volunteers-page .application-form .form-control:valid,
body.rtl .become-volunteers-page .application-form .form-control:invalid,
body.rtl .become-volunteers-page .application-form .was-validated .form-control:valid,
body.rtl .become-volunteers-page .application-form .was-validated .form-control:invalid {
    background-position: left 0.75rem center !important;
    padding-left: 2.5rem;
}

/* --- RTL: Mobile number input - keep numbers LTR but align right --- */
body.rtl .become-volunteers-page .application-form .input-box .mobile-number-box,
body.rtl .become-volunteers-page .application-form .input-box .input-group {
    direction: rtl;
    flex-direction: row-reverse;
}

body.rtl .become-volunteers-page .application-form .input-box .mobile-number-box .input-1,
body.rtl .become-volunteers-page .application-form .input-box .input-group .input-group-text {
    direction: ltr;
    text-align: center;
}

/* --- RTL: Ensure email placeholder aligns right --- */
body.rtl .become-volunteers-page .application-form .input-box input#register_email::placeholder,
body.rtl .become-volunteers-page .application-form .input-box input#email::placeholder,
body.rtl .become-volunteers-page .application-form .input-box input#mobile::placeholder,
body.rtl .become-volunteers-page .application-form .input-box input#reg_mobile::placeholder {
    direction: rtl;
    text-align: right;
}

body.rtl .Quick-Donation-side-btn .donate-now-box.send-gift-box input.form-control#mobile {
    direction: ltr;
    text-align: end;
}

.Quick-Donation-side-btn .donate-now-box.send-gift-box .mobile-number-box .input-1 {
    direction: ltr;
}

@media (max-width: 991px) {
    body.rtl header .above-nav .above-nav-box .social-icons {
        margin-right: 0;
        margin-left: 0;
    }

    body.rtl header .above-nav .above-nav-box .service-btn {
        margin-left: 0;
        margin-right: auto;
    }

    body.rtl header .above-nav .above-nav-box .other-items {
        margin-left: 0;
        margin-right: auto;
    }

    body.rtl footer .main-footer .menus h5[aria-expanded="false"]::after {
        right: auto;
        left: 25px;
    }

    body.rtl footer .main-footer .menus h5[aria-expanded="true"]::after {
        right: auto;
        left: 25px;
    }

    body.rtl footer .main-footer .social-subscribe h5[aria-expanded="false"]::after {
        right: auto;
        left: 25px;
    }

    body.rtl footer .main-footer .social-subscribe h5[aria-expanded="true"]::after {
        right: auto;
        left: 25px;
    }

    body.rtl .service-sub-page .service-offered .serv-off-card {
        margin-left: auto;
    }
}

@media (max-width:768px) {
    body.rtl .service-sub-page .aspects-edu-care .point-desc {
        margin-left: auto;
    }

    body.rtl .service-sub-page .edu-care-service .point-desc {
        margin-right: auto;
    }
}

@media (max-width:767px) {
    body.rtl .service-sub-page .about-health-tre-aid .grp-txt-opp {
        margin-right: auto;
        margin-left: auto;
    }

    body.rtl .service-sub-page .application-form .form-box .input-box .form-check {
        align-items: flex-start;
    }

    body.rtl .products-page .introduction-nitaj .cont {
        margin-left: auto;
    }

    body.rtl .products-page .our-goal .cont {
        margin-left: auto;
    }

    body.rtl .products-page .five-points .cont {
        margin-left: auto;
    }

    body.rtl .products-page .transforming-futures .official-partners .cont {
        margin-right: auto;
    }

    body.rtl .donate-detail-page .service-edu-care .grp-txt {
        margin-left: auto;
    }

    body.rtl .service-sub-page .scholar-support-box .box .sml-box {
        margin-right: 0;
    }

    body.rtl .orphan-dinar-tab .cont {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 575px) {
    body.rtl .latest-statistics .cont .numbers .numbers-card:before {
        left: auto;
        right: 0px;
    }
}

/* ==========================================================================
   RTL RESPONSIVE FIXES - All Breakpoints
   ========================================================================== */

@media (max-width: 991px) {
    /* --- RTL: Header --- */
    body.rtl header .above-nav .above-nav-box .social-icons {
        margin-left: 0;
        margin-right: 0;
    }

    body.rtl header .above-nav .above-nav-box .service-btn {
        margin-left: 0;
        margin-right: auto;
    }

    body.rtl header .above-nav .above-nav-box .other-items {
        margin-left: 0;
        margin-right: auto;
    }

    /* --- RTL: Hero Slider Controls --- */
    body.rtl .hero-slider #HeroSlider .owl-dots {
        right: 40px;
        left: auto;
    }

    body.rtl .hero-slider #HeroSlider .owl-nav {
        right: 140px;
        left: auto;
    }

    /* --- RTL: Quick Donation --- */
    body.rtl .Quick-Donation-side-btn .donate-now-box {
        right: auto;
        left: 0;
    }
}

@media (max-width: 767px) {
    /* --- RTL: Hero Slider Controls --- */
    body.rtl .hero-slider #HeroSlider .owl-dots {
        right: 20px;
        left: auto;
        transform: none;
    }

    body.rtl .hero-slider #HeroSlider .owl-nav {
        left: auto;
        transform: none;
    }

    /* --- RTL: Footer --- */
    body.rtl footer .main-footer .social-subscribe .subscribe-form {
        flex-direction: column;
    }

    body.rtl footer .main-footer .copyright {
        flex-direction: column;
        text-align: center;
    }

    /* --- RTL: Products/Services --- */
    body.rtl .products-page .cont ul li {
        padding-right: 30px;
    }

    /* --- RTL: Statistics --- */
    body.rtl .latest-statistics .cont .numbers .numbers-card:before {
        display: none;
    }

    /* --- RTL: News Arrow Position --- */
    body.rtl .news-social-box .news .aerrow-positon {
        right: auto;
        left: auto;
    }

    /* --- RTL: Application Form Checkboxes --- */
    body.rtl .service-sub-page.become-volunteers-page .application-form .form-box .radio-grp {
        flex-direction: column;
    }

    /* --- RTL: Radio group big min-width fix for mobile --- */
    body.rtl .service-sub-page.become-volunteers-page .application-form .form-box .radio-grp.radio-grp-big .form-check-inline {
        min-width: auto;
    }
}

@media (max-width: 575px) {
    /* --- RTL: Hero Slider Controls --- */
    body.rtl .hero-slider #HeroSlider .owl-dots {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    body.rtl .hero-slider #HeroSlider .owl-nav {
        right: 0;
        left: 0;
    }

    /* --- RTL: Donation Cards --- */
    body.rtl .products-page .donate-now .donation-card .img-box .share-icon {
        left: 6px;
    }
}

@media (max-width: 400px) {
    /* --- RTL: Header Social Icons --- */
    body.rtl header .above-nav .above-nav-box .social-icons {
        gap: 8px;
    }

    body.rtl .hero-slider #HeroSlider .owl-nav {
        right: 0;
        left: 0;
    }
}

/* --- RTL: iPhone SE / Galaxy A10 (320-375px) --- */
@media (max-width: 375px) {
    body.rtl header nav.navbar .logo {
        max-width: 160px;
    }

    body.rtl header .above-nav .above-nav-box .service-btn a {
        padding: 5px 10px;
        font-size: 8px;
    }
}

/* ==========================================================================
   RTL SCROLLBAR & DATA VISIBILITY FIXES
   ========================================================================== */

/* --- RTL: Scroll direction for table containers --- */
body.rtl .table-responsive {
    direction: rtl;
    overflow-x: auto;
}

body.rtl .table-responsive table {
    direction: rtl;
}

/* --- RTL: Admin table text alignment --- */
body.rtl .page .table th,
body.rtl .page .table td {
    text-align: right;
}

/* --- RTL: DataTables controls alignment --- */
body.rtl .dataTables_wrapper .dataTables_filter {
    text-align: left;
}

body.rtl .dataTables_wrapper .dataTables_length {
    text-align: right;
}

body.rtl .dataTables_wrapper .dataTables_info {
    text-align: right;
}

body.rtl .dataTables_wrapper .dataTables_paginate {
    text-align: left;
}

/* --- RTL: List items in table cells --- */
body.rtl .page .table td ul {
    padding-left: 0;
    padding-right: 16px;
}