.rtl-body {
    direction: rtl;
    text-align: right;
   font-family: 'Tajawal', sans-serif !important;
}

.rtl-body .navmenu a i,
.rtl-body .navmenu a:focus i {
    margin-right: 5px;
    margin-left: 0;
}

/**********************************************
 * BOOTSTRAP RTL OVERRIDES
 * Targeted with: .rtl-body
 **********************************************/

.rtl-body {
    direction: rtl;
    unicode-bidi: embed;
}

/* -------------------------------------------
   MARGINS (Start/End)
------------------------------------------- */
.rtl-body .ms-0 {
    margin-right: 0 !important;
    margin-left: unset !important;
}

.rtl-body .ms-1 {
    margin-right: .25rem !important;
    margin-left: unset !important;
}

.rtl-body .ms-2 {
    margin-right: .5rem !important;
    margin-left: unset !important;
}

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

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

.rtl-body .ms-5 {
    margin-right: 3rem !important;
    margin-left: unset !important;
}

.rtl-body .ms-auto {
    margin-right: auto !important;
    margin-left: unset !important;
}

.rtl-body .me-0 {
    margin-left: 0 !important;
    margin-right: unset !important;
}

.rtl-body .me-1 {
    margin-left: .25rem !important;
    margin-right: unset !important;
}

.rtl-body .me-2 {
    margin-left: .5rem !important;
    margin-right: unset !important;
}

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

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

.rtl-body .me-5 {
    margin-left: 3rem !important;
    margin-right: unset !important;
}

.rtl-body .me-auto {
    margin-left: auto !important;
    margin-right: unset !important;
}

/* -------------------------------------------
   PADDING (Start/End)
------------------------------------------- */
.rtl-body .ps-0 {
    padding-right: 0 !important;
    padding-left: unset !important;
}

.rtl-body .ps-1 {
    padding-right: .25rem !important;
    padding-left: unset !important;
}

.rtl-body .ps-2 {
    padding-right: .5rem !important;
    padding-left: unset !important;
}

.rtl-body .ps-3 {
    padding-right: 1rem !important;
    padding-left: unset !important;
}

.rtl-body .ps-4 {
    padding-right: 1.5rem !important;
    padding-left: unset !important;
}

.rtl-body .ps-5 {
    padding-right: 3rem !important;
    padding-left: unset !important;
}

.rtl-body .pe-0 {
    padding-left: 0 !important;
    padding-right: unset !important;
}

.rtl-body .pe-1 {
    padding-left: .25rem !important;
    padding-right: unset !important;
}

.rtl-body .pe-2 {
    padding-left: .5rem !important;
    padding-right: unset !important;
}

.rtl-body .pe-3 {
    padding-left: 1rem !important;
    padding-right: unset !important;
}

.rtl-body .pe-4 {
    padding-left: 1.5rem !important;
    padding-right: unset !important;
}

.rtl-body .pe-5 {
    padding-left: 3rem !important;
    padding-right: unset !important;
}

/* -------------------------------------------
   TEXT ALIGN
------------------------------------------- */
.rtl-body .text-start {
    text-align: right !important;
}

.rtl-body .text-end {
    text-align: left !important;
}

/* -------------------------------------------
   FLOAT
------------------------------------------- */
.rtl-body .float-start {
    float: right !important;
}

.rtl-body .float-end {
    float: left !important;
}

/* -------------------------------------------
   FLEX JUSTIFY
------------------------------------------- */
.rtl-body .justify-content-start {
    justify-content: flex-end !important;
}

.rtl-body .justify-content-end {
    justify-content: flex-start !important;
}

/* -------------------------------------------
   FLEX ALIGN
------------------------------------------- */
.rtl-body .align-items-start {
    align-items: flex-end !important;
}

.rtl-body .align-items-end {
    align-items: flex-start !important;
}

/* -------------------------------------------
   POSITION HELPERS
------------------------------------------- */
.rtl-body .start-0 {
    right: 0 !important;
    left: unset !important;
}

.rtl-body .start-50 {
    right: 50% !important;
    left: unset !important;
}

.rtl-body .start-100 {
    right: 100% !important;
    left: unset !important;
}

.rtl-body .end-0 {
    left: 0 !important;
    right: unset !important;
}

.rtl-body .end-50 {
    left: 50% !important;
    right: unset !important;
}

.rtl-body .end-100 {
    left: 100% !important;
    right: unset !important;
}

/* -------------------------------------------
   NAVBAR SPECIFIC FIXES
------------------------------------------- */
.rtl-body .navbar .navbar-nav {
    padding-right: 0 !important;
}

.rtl-body .navbar-brand {
    margin-left: auto;
    margin-right: 0;
}

.rtl-body .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
}

/* -------------------------------------------
   LISTS / BREADCRUMBS
------------------------------------------- */
.rtl-body .breadcrumb-item+.breadcrumb-item::before {
    float: right !important;
    padding-left: .5rem;
    padding-right: .5rem;
}

/* -------------------------------------------
   FORMS
------------------------------------------- */
.rtl-body .form-check-input {
    float: right !important;
    margin-left: .5rem !important;
    margin-right: 0 !important;
}

.rtl-body .form-check-label {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
}

/* -------------------------------------------
   MODAL RTL FIX
------------------------------------------- */
.rtl-body .modal-header .btn-close {
  left: 12px;
    position: absolute;
}

/* -------------------------------------------
   DROPDOWN RTL FIX
------------------------------------------- */
.rtl-body .dropdown-menu {
    text-align: right;
    inset: auto auto auto 0 !important;
}
.rtl-body .pricing .pricing-item.popular .popular-badge {
    right: auto;
    left: 1rem;
}
.rtl-body .pricing .pricing-features .feature-list{
    padding-right: 0;
}
.rtl-body .pricing .pricing-features .feature-list li i{
    margin-left: 0.5rem;
    margin-right: 0;
}
.rtl-body .cta .features-list .feature-item i{
    margin-left: 0.75rem;
    margin-right: 0;
}
.rtl-body .page-title .breadcrumbs ol li+li::before{
    padding-left: 10px;
    padding-right: 0;
}

@media (min-width: 1200px) {
   .rtl-body .navmenu .dropdown ul {
        right: 14px;
        left: auto;
    }
}
.rtl-body .enroll .enrollment-form .agreement-section {
    border-right: 4px solid var(--accent-color);
    border-left: none;
}
.rtl-body .form-select {
    background-position: left .75rem center;
}
.rtl-body .enroll .enrollment-benefits .benefit-item .benefit-icon {
    margin-left: 15px;
    margin-right: 0;
}
.rtl-body .accordion-button::after {
    margin-right: auto;
    margin-left: 1rem;
}
.rtl-body .course-details .course-nav-tabs .tab-content .accordion .curriculum-module .accordion-body .lessons-list .lesson i {
    margin-left: 15px;
    margin-right: 0;
}
.rtl-body .courses-hero .hero-text h2::before{
    margin-left: 10px;
    margin-right: 0;
}
.rtl-body .section-title h2:before {
    margin: 0 0px 10px 15px;
}
.rtl-body .section-title h2:after{
    margin: 0 15px 10px 0;
}