@font-face {
  font-family: 'IBM2';
  src: url('../fonts/IBMPlexSansArabic-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: Regular;
  font-display: swap;
}


@font-face {
  font-family: 'IBM2';
  src: url('../fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');
  font-weight: 500;
  font-style: bold;
  font-display: swap;
}

*{
  font-family: "IBM2", sans-serif;
   -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}

body{
  /* Web Colors */
  --mainColor : #41816D;
  --seColor : #FFF5EE;
  /* Extra Colors */
  --extraColor : #53A48B;
  --extraColor2 : #F2E8E1;
  /* Web Colors Trans */
  --mainColorTrans : #41816D79;
  --seColorTrans : #FFF5EE79;
  /* Extra Colors */
  --whiteColor : #fff;
  --blackColor : #000;
  --blackColorTrans : #0000002c;
  --whiteColorTrans : #ffffff6b;
  --errorColor : #b20000;
  --seErrorColor : #4e0c0c;
}

/* Scroll Style */
::-webkit-scrollbar{
  width: 5px;
  background-color: var(--mainColor);
}

::-webkit-scrollbar-thumb {
  background-color: var(--textWhite);
  border-radius: 15px;
}

::selection{
  background-color: var(--mainColor);
  color: #000;
}