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

html,body{
    direction: rtl !important;
    font-family: 'Cairo', sans-serif !important;
    
}
h1,h2,h3,h3,h4,h5,h6,p,span,a,p,div,span,li,button{
    font-family: 'Cairo', sans-serif !important;

}
.main-menu ul li.menu-item-has-children > a:after{
    margin-left: 0;
    margin-right: 5px;
}
.main-menu ul.sub-menu, .main-menu ul.mega-menu{
    text-align: right;
    right: -27px;
    left: auto;
}
.main-menu ul.sub-menu li a:before{
    right: 0;
    left: auto;
}
.main-menu ul.sub-menu li a{
    padding-left: 0;
    padding-right: 23px;
}
.main-menu ul.sub-menu li a:hover{
    padding-right:40px
}
@media (max-width: 1399px){
    .tab-menu3 {
        margin-left: 10px;
        padding-left: 10px;
    }
}
.client-area-1 .sec-title,
.client-area-1 p{
    text-align: right;
}
.project-card-icon {
    transform: translate(-45px, -117px);
}
.project-card-details {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%, 0 75%);
}
@media (max-width: 1300px){
    .process-card2-wrap:after {
        right: calc(100% - 50px);
    }
}
.process-card2-wrap:after {
    transform: rotateY(180deg) !important;
}
.process-card2_icon{
    right: -17px;
}
.process-card2-wrap:nth-child(even):after{
    top: 0;
}
select, .form-control, .form-select, textarea, input{
    text-align: right;
}
.footer-widget .widget_title:before{
    right: 0;
}
.footer-widget .widget_title:after{
    right: 40px;
}
@-webkit-keyframes footerLine {
    0% {
      right: 40px;
    }
    50% {
      right: 0;
    }
    100% {
      right: 40px;
    }
  }
  
  @keyframes footerLine {
    0% {
      right: 40px;
    }
    50% {
      right: 0;
    }
    100% {
      right: 40px;
    }
  }

  .footer-widget.widget_nav_menu a:before {
    right: 0;
    left: auto;
    content: "\f060";
  }
  .footer-widget.widget_nav_menu a:hover:before {
    right: 5px;
    left: auto;
  }
  .footer-widget.widget_nav_menu a {
    padding: 0 25px 0 0;
  }
  .breadcumb-menu li:after {
    content: '\f100';
    margin-right: 10px;
  }
  .blog-single.style2 .blog-meta{
    margin:0 0 20px 70px;
  }
  .blog-meta a i {
    margin-left: 10px;
  }