/* RTL Arabic Override */
html[lang="ar"],
html[dir="rtl"],
body.rtl,
body.qtranxs-lang-ar{
    direction: rtl;
    text-align: right;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

/* General */
html[lang="ar"] body,
body.qtranxs-lang-ar{
  font-family: "IBM Plex Sans Arabic", sans-serif;

}

/* Header */
html[lang="ar"] .topbar-flex,
html[dir="rtl"] .topbar-flex,
body.rtl .topbar-flex,
body.qtranxs-lang-ar .topbar-flex{
    direction: rtl;
}

html[lang="ar"] .brand-wrap,
body.qtranxs-lang-ar .brand-wrap{
    flex-direction: row-reverse;
}

html[lang="ar"] .main-nav,
body.qtranxs-lang-ar .main-nav{
    direction: rtl;
}

html[lang="ar"] .main-nav > ul > li,
body.qtranxs-lang-ar .main-nav > ul > li{
    float: right;
    margin-right: 0;
    margin-left: 40px;
}

html[lang="ar"] .main-nav a:after,
body.qtranxs-lang-ar .main-nav a:after{
    right: auto;
    left: -5px;
}

/* Mega Menu */
html[lang="ar"] .main-nav > ul > li > ul,
body.qtranxs-lang-ar .main-nav > ul > li > ul{
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .main-nav > ul > li > ul > li > ul > li > a:hover,
body.qtranxs-lang-ar .main-nav > ul > li > ul > li > ul > li > a:hover{
    padding-left: 0;
    padding-right: 6px;
}

/* Buttons */
html[lang="ar"] .btn-outline-soft,
body.qtranxs-lang-ar .btn-outline-soft{
    text-align: center;
}

/* Hero */
html[lang="ar"] .hero-section,
body.qtranxs-lang-ar .hero-section{
    direction: rtl;
}

html[lang="ar"] .hero-title .accent:after,
body.qtranxs-lang-ar .hero-title .accent:after{
    left: auto;
    right: 0;
}

html[lang="ar"] .hero-actions,
body.qtranxs-lang-ar .hero-actions{
    justify-content: flex-start;
}

/* Floating Cards */
html[lang="ar"] .floating-card.card-course,
body.qtranxs-lang-ar .floating-card.card-course{
    left: auto;
    right: -10px;
}

html[lang="ar"] .floating-card.card-students,
body.qtranxs-lang-ar .floating-card.card-students{
    right: auto;
    left: 0;
}

/* About */
html[lang="ar"] .about-us-content,
body.qtranxs-lang-ar .about-us-content{
    padding-left: 0;
    padding-right: 20px;
}

html[lang="ar"] .about-feature,
body.qtranxs-lang-ar .about-feature,
html[lang="ar"] .about-value-item,
body.qtranxs-lang-ar .about-value-item{
    flex-direction: row-reverse;
    text-align: right;
}

/* Courses */
html[lang="ar"] .course-card-v2,
body.qtranxs-lang-ar .course-card-v2{
    text-align: right;
}

html[lang="ar"] .courses-shape,
body.qtranxs-lang-ar .courses-shape{
    right: auto;
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
}

html[lang="ar"] .course-card-v2:before,
body.qtranxs-lang-ar .course-card-v2:before{
    left: auto;
    right: 0;
}

/* Stats */
html[lang="ar"] .stats-row > div:not(:last-child):after,
body.qtranxs-lang-ar .stats-row > div:not(:last-child):after{
    right: auto;
    left: 0;
}

/* Certificates */
html[lang="ar"] .certificates-content,
body.qtranxs-lang-ar .certificates-content{
    padding-right: 0;
    padding-left: 20px;
}

html[lang="ar"] .certificates-carousel .owl-dots,
body.qtranxs-lang-ar .certificates-carousel .owl-dots,
html[lang="ar"] .certificates-carousel .owl-nav,
body.qtranxs-lang-ar .certificates-carousel .owl-nav{
    direction: rtl;
    text-align: right;
    justify-content: flex-end;
}

/* Tables */
html[lang="ar"] table,
body.qtranxs-lang-ar table{
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .course-table-title,
body.qtranxs-lang-ar .course-table-title{
    flex-direction: row-reverse;
    text-align: right;
}

html[lang="ar"] .course-info-table td,
body.qtranxs-lang-ar .course-info-table td{
    text-align: left;
}

html[lang="ar"] .course-info-table th i,
body.qtranxs-lang-ar .course-info-table th i{
    margin-right: 0;
    margin-left: 8px;
}

/* Accordion */
html[lang="ar"] .course-accordion-title,
body.qtranxs-lang-ar .course-accordion-title{
    text-align: right;
}

html[lang="ar"] .course-accordion-title i,
body.qtranxs-lang-ar .course-accordion-title i{
    float: left;
}

/* Forms */
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
body.qtranxs-lang-ar input,
body.qtranxs-lang-ar textarea,
body.qtranxs-lang-ar select{
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .search-field select,
body.qtranxs-lang-ar .search-field select{
    padding-right: 18px;
    padding-left: 42px;
    background-position: left 14px center;
}

/* Contact */
html[lang="ar"] .contact-info-list li,
body.qtranxs-lang-ar .contact-info-list li,
html[lang="ar"] .footer-contact-list li,
body.qtranxs-lang-ar .footer-contact-list li{
    flex-direction: row-reverse;
    text-align: right;
}

/* Footer */
html[lang="ar"] .footer-links a:hover,
body.qtranxs-lang-ar .footer-links a:hover{
    padding-left: 0;
    padding-right: 4px;
}

html[lang="ar"] .footer-subscribe-form button i,
body.qtranxs-lang-ar .footer-subscribe-form button i{
    margin-left: 0;
    margin-right: 8px;
}

/* Back To Top */
html[lang="ar"] .scroll-top-btn,
body.qtranxs-lang-ar .scroll-top-btn{
    right: auto;
    left: 24px;
}

/* Mobile */
@media(max-width:767px){
    html[lang="ar"] .openmenu,
    body.qtranxs-lang-ar .openmenu{
        float: left;
    }

    html[lang="ar"] nav.main-nav,
    body.qtranxs-lang-ar nav.main-nav{
        left: auto;
        right: -70%;
    }

    html[lang="ar"] nav.act,
    body.qtranxs-lang-ar nav.act{
        right: 0;
        left: auto;
    }

    html[lang="ar"] nav.main-nav a,
    body.qtranxs-lang-ar nav.main-nav a{
        text-align: right;
    }

    html[lang="ar"] .scroll-top-btn,
    body.qtranxs-lang-ar .scroll-top-btn{
        left: 16px;
        right: auto;
    }

    html[lang="ar"] .about-us-content,
    body.qtranxs-lang-ar .about-us-content{
        padding-right: 0;
    }
}