@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

@font-face {
  font-family: 'cairo';
  font-style: normal;
  font-weight: normal;
  src: local('cairo'), url('../fonts/Cairo-VariableFont_slnt\,wght.ttf') format('opentype');
}
body {
    direction: rtl;
    font-family: "cairo" !important;
}
a , h1 , h2 , h3 , h4 , h5 , h6 , p , button , span , label , input , ::placeholder{
      font-family: "cairo" !important;
}
.main-menu ul li.submenu > a:after{
      margin-right: 8px;
      margin-left: 0;
}
.main-menu ul ul{
  text-align: right;
  right: 0;
  left: inherit;
}