html[lang="ar"] body{
    font-family: 'Dubai'; font-weight: normal;
}
html[lang="ar"] h1,html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, 
html[lang="ar"] h4, 
html[lang="ar"] h6{
    font-family: 'Dubai'; font-weight: normal;
}
html[lang="ar"]{
    direction: rtl;
}
html[lang="ar"] .login-main:after{
    /*background-position: center left;*/
    left: 0; right: auto;
}
html[lang="ar"]  .mr-4, html[lang="ar"]  .mx-4 {
    margin-left: 1.5rem!important;
}
html[lang="ar"] .nice-select .option {padding-right: 15px;}
html[lang="ar"] .btn-change{
    right: auto; left: -57%;
}
html[lang="ar"] .profile_form .btn{
    margin-left: 30px; margin-right: 0
}
html[lang="ar"]  .profile_form .btn:last-child{
    margin-left: 0; margin-right: 0
}
html[lang="ar"]  header .menu_buttons ul li:first-child{
    padding-right: 0;    padding-left: 34px;
}
html[lang="ar"]  .back-to-prod-btn{
    text-align: left;
}

html[lang="ar"] .product_content ul li:before {right: -7px;}

html[lang="ar"] .signupform-ar .form-group {text-align: start;}

html[lang="ar"] .payment-box h5,html[lang="ar"] .bank-account-transfer{text-align: right;}
html[lang="ar"] .input-group:not(.has-validation)>.form-control:not(:last-child){
            border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
        border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
html[lang="ar"] .order_summary_form .btn.btn-primary.btn-apply{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
html[lang="ar"] .payment-title{text-align: right;}
html[lang="ar"] .our_promise_in span{
        padding-right: 10px;    padding-left: 0;
}
html[lang="ar"] .login-main:after{
    transform: scaleX(-1);
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6 {font-family: 'Dubai-Medium' !important;}

/*header menu*/
html[lang="ar"] header .language::after{right: auto;
    left: -5px;}
html[lang="ar"] header .language {
    margin-left: 35px;
    margin-right: 0; right: auto; left: 20%;
}
html[lang="ar"] .navbar-nav.mr-auto {
    margin-right: 0 !important;
    margin-left: auto;
}
html[lang="ar"] .navbar-brand {
    margin-right: 0;
    margin-left: 55px;
}
html[lang="ar"] header .menu_buttons ul li:first-child {
    padding-left: 34px;
    padding-right: 0;
}
/*header menu*/

html[lang="ar"] .slick-slider .slick-track, .slick-slider .slick-list { direction: ltr; }
/*html[lang="ar"] main img{transform: scaleX(-1);}*/

/*home page*/      
html[lang="ar"] .featurehead .content_bg_head h4::before {right: -20px;}
html[lang="ar"] .upload_processleft, 
html[lang="ar"] .hero_section .hero_section_left,
html[lang="ar"] .pricing_left,
html[lang="ar"] footer,
html[lang="ar"] .how_we_work h4,
html[lang="ar"] .about_how_we_work_one,
html[lang="ar"] .about_how_we_work_three,
html[lang="ar"] .testimonial_info,
html[lang="ar"] .privacy_content{
    text-align: right;
}

html[lang="ar"] .pricing.one .pricing_left_main,
html[lang="ar"] .pricing.two .pricing_left_main,
html[lang="ar"] .pricing.three .pricing_left_main{
    border-radius: 0px 10px 10px 0px;
}
html[lang="ar"] .pricing.one .pricing_right_main,
html[lang="ar"] .pricing.two .pricing_right_main,
html[lang="ar"] .pricing.three .pricing_right_main{
    border-radius: 10px 0px 0px 10px;
}
html[lang="ar"] .our_promise_in span{padding-left: 0;padding-right: 10px;}

/*about page*/
html[lang="ar"] .how_we_work .content_bg_head h4::before{right: -20px;}
html[lang="ar"] .how_we_work::after {left: -13%; right: 94%; transform: scaleX(-1);}
html[lang="ar"] .how_we_work::before{right:-13%; transform: scaleX(-1);}
html[lang="ar"] .abouthead .content_bg_head h1::before,
html[lang="ar"] .contacthead .content_bg_head h1::before,
html[lang="ar"] .testimonialshead .content_bg_head h1::before,
html[lang="ar"] .privacyhead .content_bg_head h1::before{
    right: -35px;
    margin: initial;
}
html[lang="ar"] .slick-prev::before {background: url('../images/right-arrow.png') no-repeat; left: 40px;}
html[lang="ar"] .slick-next::before {background: url('../images/left-arrow.png') no-repeat; right: 40px;}
html[lang="ar"] .testimonial_box .d-flex {flex-direction: row-reverse;}
html[lang="ar"] .testimonial_info {
    padding-left: 0;
    padding-right: 100px;
}
html[lang="ar"] .testimonial_quote::before{left: 90%; right: -13%; transform: scaleX(-1);}
html[lang="ar"] .testimonial_person_img::before{transform: scaleX(-1);top: -25%;left: -31%;}
html[lang="ar"] .thankyou_box img{transform: none;}

html[lang="ar"] .custom-control{text-align: right;}
html[lang="ar"] .custom-control{padding-left: 0;padding-right: 1.5rem;}
html[lang="ar"] .custom-control-input{right: 0; left: auto;}
html[lang="ar"] .custom-control-label::before{left: auto; right: -1.5rem;}
html[lang="ar"] .custom-control-label::after{left: auto; right: -20px}
html[lang="ar"] .text-left {
    text-align: right!important;
}
html[lang="ar"] .contact_form_wrapper{text-align: right;}

@media(max-width:767px){
    html[lang="ar"] header .language{margin-left: 0}
}
/*tab portrait*/
@media only screen and (min-width: 768px) and (max-width: 1024px){

}
/*tab landscape*/
@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape){

}
/*tab landscape*/

/*26 jyly*/
 html[lang="ar"] .pricing-left-inner{text-align: right;}

 html[lang="ar"] button.close{margin-left: -1rem !important;}