.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: 0rem !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;
}
.rtl-body .testimonials .testimonials-container .testimonial-item .testimonial-profile img{
    margin-right: 0;
    margin-left: 15px;
}
.rtl-body .offcanvas-body .nav {
    padding-right: 0;
    padding-left: 1rem;
}
.rtl-body .toggle-password {
    left: 14px;
    right: auto;
}
.rtl-body .user-info {
    margin-right: 30px;
}
.rtl-body .terms-of-service .tos-content .content-section .list-items li {
    padding-right: 25px;
    padding-left: 0;
}
.rtl-body .terms-of-service .tos-content .content-section .list-items li::before {
    right: 0;
    left: auto;
}
.rtl-body .terms-of-service .tos-content .content-section .alert-box {
    border-right: 4px solid var(--accent-color);
    border-left: none;
}

.rtl-body .terms-of-service .tos-content .content-section .disclaimer-box ul li {
    padding-right: 25px;
    padding-left: 0;
}
.rtl-body .terms-of-service .tos-content .content-section .disclaimer-box ul li::before {
    right: 8px;
    left: auto;
}

.rtl-body .contact .contact-form-container h3{
    padding-right: 15px;
    padding-left: 0;
}
.rtl-body .contact .contact-form-container h3:before {
    right: 0;
    left: auto;
}
.rtl-body .courses-hero .hero-stats .stat-item:nth-child(3) .number::after {
    right: -0.2rem;
}
.rtl-body .courses-hero .hero-stats .stat-item:nth-child(2) .number::before {
    top: -3px;
    right: 0.1rem;
}
.rtl-body .courses-hero .hero-stats .stat-item:nth-child(1) .number::before {
    right: -1.2rem;
    top: -3px;
}

.rtl-body .cta .stats-row .stat-item h3 {
    direction: ltr;
}
.rtl-body .courses-hero .hero-background .bg-shapes .shape.shape-1{
    left: 10%;
    right: unset;
}
.rtl-body .courses-hero .hero-background .bg-shapes .shape.shape-2{
    right: 5%;
    left: unset;
}
.rtl-body .courses-hero .hero-background .bg-shapes .shape.shape-3 {
    left: 30%;
    right: unset;
}
.rtl-body .custom-tabs .nav-link{
    text-align: right;
}
.rtl-body .custom-tabs{
    padding-right: 0;
    padding-left: 0;
}
.rtl-body .user-nav-btn{
    justify-content: right;
}