@font-face {
  font-family: 'ariallight';
  src:url('fonts/ARIALLGT.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'arialmedium';
  src:url('fonts/ArialMdm.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'arialbold';
  src: url(' fonts/ARIALBD.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'arialblack';
  src: url(' fonts/ARIBLK.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'arialregular';
  src:url('fonts/ARIAL.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-font-arial: arialregular;
  --bs-font-arial-light: ariallight;
  --bs-font-arial-medium: arialmedium;
  --bs-font-arial-bold: arialbold;
  --bs-font-arial-black: arialblack;}

/* font */
.arial-regular {
 font-family: var(--bs-font-arial);}
.arial-light {
 font-family: var(--bs-font-arial-light);}
.arial-medium {
 font-family: var(--bs-font-arial-medium);}
.arial-bold {
 font-family: var(--bs-font-arial-bold);}
.arial-black{
  font-family: var(--bs-font-arial-black);}