body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  overflow-x: hidden;
  font-family: 'Cairo', sans-serif;
}

.App {
  min-height: 100vh;
  /* display: grid; */
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  /* background-color: #f8f8f8; */
  background-color: #ffffff;
}
@font-face {
  font-family: 'Cairo';
  src: url('./assets/fonts/Cairo-Black.ttf');
  src: url('./assets/fonts/Cairo-Bold.ttf');
  src: url('./assets/fonts/Cairo-ExtraBold.ttf');
  src: url('./assets/fonts/Cairo-Light.ttf');
  src: url('./assets/fonts/Cairo-Medium.ttf');
  src: url('./assets/fonts/Cairo-Regular.ttf');
  src: url('./assets/fonts/Cairo-SemiBold.ttf');
  src: url('./assets/fonts/Cairo-VariableFont_slnt\,wght.ttf');
}
@font-face {
  font-family: 'TheMixArabic-Plain';
  src: url('./assets/fonts/MixArabic-Plain.eot');
  src: url('./assets/fonts/MixArabic-Plain.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/MixArabic-Plain.woff2') format('woff2'),
    url('./assets/fonts/MixArabic-Plain.woff') format('woff'), url('./assets/fonts/MixArabic-Plain.ttf') format('truetype'), url('./assets/fonts/MixArabic-Plain.svg#MixArabic-Plain') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Medium';
  src: url('./assets/fonts/Montserrat-Medium.eot');
  src: url('./assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/Montserrat-Medium.woff2') format('woff2'),
    url('./assets/fonts/Montserrat-Medium.woff') format('woff'), url('./assets/fonts/Montserrat-Medium.ttf') format('truetype'),
    url('./assets/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TheMixArabic-Bold';
  src: url('./assets/fonts/MixArabic-Bold.eot');
  src: url('./assets/fonts/MixArabic-Bold.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/MixArabic-Bold.woff2') format('woff2'), url('./assets/fonts/MixArabic-Bold.woff') format('woff'),
    url('./assets/fonts/MixArabic-Bold.ttf') format('truetype'), url('./assets/fonts/MixArabic-Bold.svg#MixArabic-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #2facad;
}

.MuiTableCell-root {
  border-bottom: unset !important;
}

.MuiTable-root {
  overflow-x: scroll;
}