@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,100..800&family=IBM+Plex+Sans+Arabic:wght@400;700&display=swap');

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Bricolage Grotesque Regular'), local('BricolageGrotesque-Regular'), url('../fonts/bricolage-400.ttf') format('truetype');
}

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Bricolage Grotesque Bold'), local('BricolageGrotesque-Bold'), url('../fonts/bricolage-700.ttf') format('truetype');
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('IBM Plex Sans Arabic'), local('IBMPlexSansArabic'), url('../fonts/ibm-arabic-400.ttf') format('truetype');
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('IBM Plex Sans Arabic Bold'), local('IBMPlexSansArabic-Bold'), url('../fonts/ibm-arabic-700.ttf') format('truetype');
}