@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');





html.rtl, .rtl body{direction:rtl; text-align: right;}

.rtl .col-md-1, .rtl .col-md-10, .rtl .col-md-11, .rtl .col-md-12, .rtl .col-md-2, .rtl .col-md-3, .rtl .col-md-4, .rtl .col-md-5, .rtl .col-md-6, .rtl .col-md-7, .rtl .col-md-8, .rtl .col-md-9 {
    float: right;
}

.rtl .navbar-nav>li{float:right;}
.rtl .navbar-default{float:left;}
.rtl .navbar-nav>li.userbtn .dropdown-menu{left:0; right:auto;}
.rtl .dropdown-menu{text-align:right;}
.rtl .posts-list .media-left{float:right; margin-left:30px; margin-right:0;}
.rtl .appwraper .titleTop{text-align:right;}
.rtl .catelist li a{padding-left:0; padding-right:15px;}
.rtl .catelist li a:before{left:auto; right:0; content:'\f0d9'}

.rtl .pull-right{float:left !important;}
.rtl .optionlist li{padding-left:0; padding-right:30px;}
.rtl .searchList li .jobimg{float:right; margin:0 0 0 15px;}
.rtl .breadCrumb{text-align:left;}
.rtl .jbdetail li span, .rtl .jbdetail li a{text-align:left;}
.rtl .job-header .jobinfo .candidateinfo .userPic{float:right; margin:0 0 0 20px;}
.rtl .col-md-offset-2 {margin-right: 16.66666667%; margin-left:0;}
.rtl .col-md-offset-3 {margin-right: 25%; margin-left:0;}


.rtl .srchbox label, .rtl .videowraper .titleTop, .rtl .jobdetail h3, .rtl .job-header .contentbox h3, .rtl .companyinfo h3, .rtl .pageTitle h1, .rtl .footerWrap .quicklinks li a, .rtl .footerWrap h5{text-align: right;}

.rtl .ml-auto, .rtl .mx-auto{    margin-right: auto!important; margin-left: 0 !important;}


.rtl .faqs h4 a {padding: 15px 15px 15px 55px;}
.rtl .faqs h4 a:before, .rtl .faqs h4 .collapsed:before{right:auto; left:15px;}

.rtl .contact > span{float:right; margin:0 0 0 10px;}
.rtl .switchbox .txtlbl{float:right;}
.rtl .owl-carousel .owl-stage-outer{direction:ltr;}
html.rtl .owl-stage{direction:ltr;}

.rtl .tabswrap .nav-tabs{float: left;}

.rtl .howitwrap{margin-right: 0; margin-left: 200px; padding: 60px 60px 60px 0;}
.rtl .howitimg{right: auto; left: -550px;}

.rtl .vidover .titleTop{text-align: center;}
.rtl .navbar-nav{margin-right: auto; margin-left: 0;}
.rtl .bxsrctxt{margin-right: auto;}

.rtl .statsbox{padding: 20px 15px 0;}
.rtl .statico{margin-right: 0; margin-left: 15px;}
.rtl .homeblogposts .titleTop{text-align: center;}
.rtl .pageSearch .row{justify-content: left;}



.material-symbols-outlined {
font-family: "Material Symbols Outlined" !important;
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
body,
p,
a,
li,
div,
input,
select,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Tajawal", sans-serif !important;
}
.slidertext1 {
font-family: "Tajawal", sans-serif !important;
}

.slidertext5 a {
font-family: "Tajawal", sans-serif !important;
}
.testimonialsList li .clientname {
font-family: "Tajawal", sans-serif !important;
}

.testimonialsList li .clientinfo {
font-family: "Tajawal", sans-serif !important;
}
.elemental {
font-family: "Tajawal", sans-serif !important;
}
.employerList li .empint{
    direction: rtl;
}

.message-history li .user-name .time {
    left: 0;
    right: auto;
}
.ps-container>.ps-scrollbar-y-rail {
    left: 0;
    right: auto;
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    left: 0;
    right: auto;
}
.my-message .message::before {
    left: -10px;
    right: auto;
}
.chat-form .input-group-prepend {
    left: 6px;
    right: auto;
}

.promotepof-badge {
    left: 0;
    right: auto;
}
.promotepof-badge:before {
    left: 0;
    right: auto;
}

.userloginbox img {
    left: 30px;
    right: auto;
}
.optionlist li span {
    left: 0;
    right: auto;
}
.faqs h4 a:before {
    left: 15px;
    right: auto;
}
.faqs h4 .collapsed:before {
right: auto;
    left: 15px;

}

.usercoverphoto a {
    left: 15px;
    right: auto;

}
.chat-container {
    left: 20px;
    right: auto;
}
.comments .btn.raply {
    left: 0;
    right: auto;
}
.search .btn {
    left: 0;
    right: auto;
}
.switch-label:before {
    left: 10px;
    right: auto;
}
.ribbon-top-left::before {
    left: 0;
    right: auto;
}
.ribbon-top-left span {
    left: -17px;
    right: auto;
}
.custom-nav button.custom-next,
.categorylisting-controls button.custom-next-categorylisting {
    left: -40px;
    right: auto;
}
/********************/
.divider-text-center::after {
    right: 0;
    left: auto;
}
.icon-cont:after {
    right: 40%;
    left: auto;
}
.friend-message .message::before {
    right: -10px;
    left: auto;
}
.citiessrchlist li figure figcaption,
.citiessrchlist li figure figcaption>a {
    right: 0;
    left: auto;
}

.emploginbox:after {
    right: -200px;
    left: auto;
}
.optionlist li input[type=checkbox]+label {
    right: 0;
    left: auto;
}
.popmessage {
    right: 50%;
    left: auto;
}
.job-header .contentbox ul li:before {
    right: 0;
    left: auto;
}
.educationList li .exdot {
    right: 0;
    left: auto;
}
.educationList li .expbox:before {
    right: 5px;
    left: auto;
}
.experienceList li .expbox:before {
    right: 5px;
    left: auto;
}
.experienceList li .exdot {
    right: 0;
    left: auto;
}
.userbtns .nav-tabs>li.active a:after {
    right: 50%;
    left: auto;
}
.userbtns .nav-tabs>li a.active:after {
    right: 50%;
    left: auto;
}
.about-wraper ul li:before {
    right: 0;
    left: auto;
}
.order a:before {
    right: 100%;
    left: auto;
}
.postimg .date {
    right: 14px;
    left: auto;
}
blockquote:before {
    right: 24px;
    left: auto;
}
.categories li:before {
    right: 8px;
    left: auto;
}
.switch-input {
    right: 0;
    left: auto;
}
.switch-label:after {
    right: 10px;
    left: auto;
}
.switch-handle {
    right: 13px;
    left: auto;
}
.switch-handle:before {
    right: 50%;
    left: auto;
}
.switch-input:checked~.switch-handle {
    right: 60px;
    left: auto;
}
.footerWrap .address:before {
    right: 0;
    left: auto;
}
.footerWrap .email:before {
    right: 0;
    left: auto;
}
.footerWrap .phone:before {
    right: 0;
    left: auto;
}
.ribbon-top-left {
    right: 0px;
    left: auto;
}

.ribbon-top-left::after {
    right: 0;
    left: auto;
}
.custom-nav button.custom-prev,
.categorylisting-controls button.custom-prev-categorylisting {
    right: -40px;
    left: auto;
}
















@media screen and (max-width: 990px) {
    .navbar-toggler {
        left: 15px;
        right: auto;
    }
    .navbar-collapse {
        right: 100%;
        left: auto;
    }
     #filterjobs {
        right: 0;
        left: auto;
    }
    
}