/* Arabic RTL Styles */

/* Font Family Override for Arabic */
body {
    font-family: 'Noto Sans Arabic', sans-serif;
}

/* RTL specific adjustments */
.our-system-container a i {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Fix icon margins for RTL */
.ri-checkbox-circle-fill,
.ri-close-circle-fill {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

@media screen and (min-width: 1536px) {
    .section-features {
        background-position: 15% -47px;
        background-size: 39%;
    }
}

@media screen and (min-width: 992px) {
    .section-features {
        background-position: -10% -30px;
        background-size: 55%;
    }
}

/* Adjust button arrow icons for RTL */
.btn i.ri-arrow-left-s-line,
.btn i.ri-arrow-left-line {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Footer contact icons */
.footer .ri-map-pin-line,
.footer .ri-mail-line,
.footer .ri-phone-line {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Module cards image position for RTL */
.our-modules .card .img-end {
    left: 0;
    right: auto;
}

/* Hero section adjustments */
.hero .col-lg-6.text-start {
    text-align: start !important;
}

/* Accordion adjustments for RTL */
.accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

/* Dropdown menu alignment */
.dropdown-menu {
    text-align: right;
}

/* Badge spacing adjustments */
.badge.btn-primary {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Price card icon adjustments */
.pricing ul li i {
    margin-left: 0.5rem;
    margin-right: 0;
}

#go-to-top {
    left: 20px;
    right: auto;
}

section.pricing .most-popular::before {
    content: "الأكثر توفيرا";
}

/* Contact Section RTL Styles */
section.contact .form-item .form-label {
    left: auto;
    right: 1rem;
}

section.contact .form-item .form-control:focus+.form-label,
section.contact .form-item .form-control:not(:placeholder-shown)+.form-label {
    left: auto;
    right: 2px;
}

section.contact p.paragraph-contact {
    text-align: right;
}

section.contact .display-6 {
    text-align: right;
}

section.contact .contact-form {
    direction: rtl;
}

section.contact .form-control {
    text-align: right;
}