@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
:root {
    --primaryFont: "Tajawal", sans-serif;
    --secondaryFont: "Tajawal";

}
body{
    direction: rtl;
    
}

.wh-area.style-two .wh-content .feature-list li {
   
    padding-left: 0;
   padding-right: 58px;
}

.wh-area.style-two .wh-content .feature-list li span {
  
    left: auto;
     right: 0;
    margin-right: 0;
    margin-left: 18px;
}

.feature-card.style-two h3 {
    padding-right: 0;
    padding-left: 30px;
}

.me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

.slider-btn .prev-btn:before, .slider-btn .next-btn:before {
    
    left: auto;
    right: 0;
    
}

.footer-area .footer-widget .contact-info li {
   
    padding-left: 0;
     padding-right: 26px;
}

.footer-area .footer-widget .contact-info li img, .footer-area .footer-widget .contact-info li i {
   
    left: auto;
    right: 0;
}

.end-0 {
    right: auto !important;
    left: 0 !important;
}

.list-unstyled {
     padding-right: 0;
}

.vision-tablist .nav-item {
    margin-right: 0;
     margin-left: 40px;
}

.wh-area.style-four .wh-content .feature-list li {
    
    padding-left: 0;
    padding-right: 58px;
}

.wh-area.style-four .wh-content .feature-list li span {
   
    left: auto;
    right: 0;
    margin-right: 0;
    margin-left: 18px;
}

.testimonial-slider-two .slider-btn {
 
    left: 0;
    right: auto;
}

.contact-card-wrap.style-one .contact-card:nth-child(even) {
    padding-left: 0;
    padding-right: 35px;
}

.breadcrumb-area .br-menu li:after {
  
    right: auto;
    left: -1px;
    
}

.breadcrumb-area .br-menu li {
   
    margin-right: 0;
    margin-left: 7px;
    padding-right: 0;
    padding-left: 11px;
   
}

.btn span {
    
        right: 0 !important;
    left: auto !important;
}

.feature-list.style-two li { 
 
    padding-right: 15px;
}


.feature-list.style-two li:before {
  
    right: 0;
    left: auto;
}

.me-1 {
   
    margin-left: 0.25rem !important;
}

 
@media only screen and (min-width: 992px) {
    .menu > ul li.menu-item-has-children .menu-subs li.menu-item-has-children a i {
      
        float: left;
    }
}

@media only screen and (min-width: 992px) {
    .menu > ul > li > .menu-subs > li > .menu-subs {
        left: auto;
        right: 100%;
    }
}


@media (min-width: 768px) {
    .ms-md-auto {
        margin-right: auto !important;
         margin-left: 0 !important;
    }
}

@media (min-width: 768px) {
    .offset-md-3 {
        margin-left: 0;
         margin-right: 25%;
    }
}

@media (min-width: 768px) {
    .offset-md-1 {
        margin-left: 0;
         margin-right: 8.33333333%;
    }
}