@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  src: url("{{ asset('/fonts/Cairo-ExtraLight.ttf') }}") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Cairo-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/Cairo-Bold.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 1000;
  src: url("/fonts/Cairo-Black.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'arabswell';
  font-style: normal;
  font-weight: 1000;
  src: url("/fonts/arabswell_0.ttf") format('truetype');
  font-display: swap;
}