body {
    text-align: left;
    direction: ltr;
}




.title-start h2 object,
.title-center h2 object {
    right:auto;
    left: -16px;
}

.title-start h2::after,
.title-center h2::after {
    right: auto;
    left: 0;
}



.main-img-aboutus-index {
    justify-content: end;
}

.main-img-aboutus-index::after {
    left: auto;
    right: -45px;
}
.main-img-aboutus-index::before {
    right: 0;
    left: -20%;
}

.sub-slider-services::after {
    right: auto;
    left: 0;
}
.sub-slider-services::before {
    left: auto;
    right: 0;
}


.text-sub-slider-courses {
    text-align: left;
}

.owl-nav {
    left: auto;
    right: 0;

}



.slider-client-index::after {
    left: auto;
    right: 0;
}




.sub-teachers-index {
    border-radius: 70px 15px 15px 0px;
}


/*.text-counter-number {*/
/*    direction: rtl;*/
/*}*/


.modal-login .modal-content::after {
    left: auto;
    right: 0;
    transform: scaleX(-1);

}

.modal-login .modal-content::before {
    right: auto;
    left: 0;
    transform: scaleX(-1);

}


.register::after {
    left: auto;
    right: 0;
        transform: scaleX(-1);

}

.register::before {
    right: auto;
    left: 0;
        transform: scaleX(-1);

}

.logo-register {
    right: auto;
    left: 5%;

}

.arrow-select::after {
    left: auto;
    right: 31px;
}


.main-type-gender ul li label {
    padding-right: 0px;
    padding-left: 35px;
}
.main-type-gender ul li label::after {
    right: auto;
    left: 0;
}

.main-type-gender ul li input:checked ~ label::before {
    right: auto;
    left: 5px;
}

.user-agreement label {
    padding-right: 0px;
    padding-left: 30px;
}

.user-agreement label::after {
    right: auto;
    left: 0;
}

.user-agreement label::before {
    right: auto;
    left: 0;
}


.forget-password .title-verfi-code {
    text-align: left;
}

/* start style aboutus ================
===================
======================  */




.img-vision {
    justify-content: flex-end;
}
/* end style aboutus  */



/* start style index student */
.text-live-cours h5 {
    padding-right: 0px;
    padding-left: 10px;
}

.text-live-cours h5::after {
    right: auto;
    left: 0;
}

.save-course-student {
    left: auto;
    right: 10px;
}

.links-tabs-courses ul li a::after {
    left: auto;
    right: 0;
}

.sub-content-courses::after {
    left: auto;
    right: 0;
}


/* end  style index student =  = = =
===============*/


/* start style checkout ========
=============  */

.sub-payment-methods ul li label {
    padding-right: 0px;
    padding-left: 30px;
}

.sub-payment-methods ul li label::after {
    right: auto;
    left: 0;
}
.sub-payment-methods ul li input:checked ~ label::before {
    right: auto;
    left: 4px;
}

/* end style checkout ========
=============  */

/* start style  chat  ===========
===============
 */


.search-chat input {
    padding-right: 30px;
    padding-left: 40px;
}
.search-chat::after {
    right: auto;
    left: 0;
}
.search-chat span {
    left: auto;
    right: 0px;
}

.main-users-chat ul li::after {
    right:auto;
    left: 0;

}

.online {
    right: auto;
    left: 3px;
}
.text-users-chat {
    padding-left: 0px;
    padding-right: 40px;
}
.time-message {
    left: auto;
    right: 0;
}
.msg-send,
.msg-receive {
    direction: ltr;

}
.msg-receive {
    direction: rtl;
}
.msg-receive p {
    border-radius: 20px 0px 20px 20px;

}
.msg-send p {
    border-radius: 20px 20px 20px 0px;
}
.chat-wrapper {
    direction: rtl;
}

/* end style chat  =  ====
==================== */
/* start style index teacher  == =
================================ */
.main-title-chat {
    padding-left: 0px;
    padding-right: 20px;
}

.clipboard input {
    padding: 10px 60px 10px 20px;
}
.clipboard button {
    left:auto;
    right: 16px;
}
.copied {
    border-radius: 20px 0px 20px 20px;
    left:auto;
    right: 0;
}

/* end style index teacher ======
================= */


/* start style groups  ==== */

.btn-group-page {
    text-align: right;
}
/* end style groups  ====
===================
*/




/* start style cart = ===
====================
=========== */

.delete-cart {
    left:auto;
    right: 10px;
}


.cong-main::after {
    background-position: top right;
    left: auto;
    right: 0;
}

.cong-main::before {
    background-position: bottom left;
    right: auto;
    left: 0;
}

.title-sub-live > span::after {
    right: auto;
    left: 0;
}

.select2-search__field::placeholder {
    text-align: left;
}
/*------------------------------------------------*/


.element ul li::after {
  right: -10px;
  left:auto;
}

.login-top-ber > ul {
  justify-content: end;
}


/* start style header student
==========================
================ */
.dots-red {
  right: auto;
  left: 12%;
}

.icon-user::after {
  right: auto;
  left: -20px;
}

.profile-details-dropdown {
  left:auto;
  right:0;
}

.notification-dropdown {
  left:auto;
  right:0;
}


.search input{
  padding-right: 0 ;
  padding-left: 55px ;
}


.search button {
  right: auto;
  left: 10px;

}
/* end style header student
==========================
================ */


/*------------------------------------------------*/
.element-footer h2::after,
.madia-footer h2::after {
  background-position: left;
  right: auto;
  left: 0;
}





/*start end en ===================*/


.element ul {
    gap: 35px;
}

.counter-box p {
    font-size: 16px;
    font-family: 'font_bold';
}


.title-start a i ,
.navigation-header i ,
.links-tabs-fliter ul li i
{
    transform: scaleX(-1);
}


.main-eidt-date p {
    font-size: 20px;
    font-family: font_bold;
}



.sub-live-course {
    direction: ltr;
}


/*.live-course .owl-carousel.owl-rtl .owl-item {*/
/*    float: left !important;*/
/*}*/


.sub-payment-cart .sub-payment-methods li {
    width: 100%;
}


ul#append-search li {
    text-align: left;
}








































@media (min-width: 1400px) {
    .element ul {
        gap: 25px;
    }
    .element_menu_responsive ul {
        padding: 30px 30px 0 70px;
    }
}
@media (max-width: 1395px) {
.element ul {
    gap: 15px;
}
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
.menu-div {
    right: 0;
    left: auto;
}

}

@media (max-width: 768px) {

}

@media (max-width: 576px) {


}










