/* Add itfrayat font faces */
@font-face {
  font-family: 'Itfrayat';
  src: url('../fonts/itfrayat-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Itfrayat';
  src: url('../fonts/itfrayat-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Itfrayat';
  src: url('../fonts/itfrayat-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Itfrayat';
  src: url('../fonts/itfrayat-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Itfrayat';
  src: url('../fonts/itfrayat-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

:root {
	
	/* #ff6b61 in decimal RGB */
  --base-color-1: #4C07FF;
  --base-color-2: #8211FF;
  --base-color-3: #7486E5;
  --base-color-4: #00EBE5;
  --base-color-5: #4C07FF;
  --base-color-6: #00EBE5;
  --base-color-7: #8211FF;
  


  /* Fonts */
  --heading-1: 'Itfrayat';
  --heading-2: 'Itfrayat';
  --heading-3: 'Itfrayat';
  --heading-4: 'Itfrayat';
  --heading: 'Itfrayat';
  --body-font: 'Itfrayat';  
	--transition: 500ms all ease;

   --base-color: #4C07FF;
  


  /* Fonts */
  --heading: 'Itfrayat';
  --body-font: 'Itfrayat';  
  --transition: 500ms all ease;

  --itfrayat-font: 'Itfrayat';
}

body, h1, h2, h3, h4, h5, h6, p, a, li, span, div, input, textarea, button {
  font-family: 'Itfrayat', sans-serif !important;
}