.fap,
.fa {
  font-family: 'Font Awesome Pro Regular' !important;
}

.fap.solid,
.fa.solid {
  font-family: 'Font Awesome Pro Solid' !important;
}

.fap.light,
.fa.light {
  font-family: 'Font Awesome Pro Light' !important;
}

.fapb {
  font-family: 'Font Awesome Brands' !important;
}

.fapd {
  font-family: 'Font Awesome Duotone Solid' !important;
}

@font-face {
  font-family: 'Font Awesome Pro Solid';
  src: url('./FontAwesome5Pro-Solid.eot');
  src: url('./FontAwesome5Pro-Solid.eot?#iefix') format('embedded-opentype'),
    url('./FontAwesome5Pro-Solid.woff2') format('woff2'),
    url('./FontAwesome5Pro-Solid.woff') format('woff'),
    url('./FontAwesome5Pro-Solid.ttf') format('truetype'),
    url('./FontAwesome5Pro-Solid.svg#FontAwesome5Pro-Solid') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome Pro Regular';
  src: url('./FontAwesome5Pro-Regular.eot');
  src: url('./FontAwesome5Pro-Regular.eot?#iefix') format('embedded-opentype'),
    url('./FontAwesome5Pro-Regular.woff2') format('woff2'),
    url('./FontAwesome5Pro-Regular.woff') format('woff'),
    url('./FontAwesome5Pro-Regular.ttf') format('truetype'),
    url('./FontAwesome5Pro-Regular.svg#FontAwesome5Pro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome Pro Light';
  src: url('./FontAwesome5Pro-Light.eot');
  src: url('./FontAwesome5Pro-Light.eot?#iefix') format('embedded-opentype'),
    url('./FontAwesome5Pro-Light.woff2') format('woff2'),
    url('./FontAwesome5Pro-Light.woff') format('woff'),
    url('./FontAwesome5Pro-Light.ttf') format('truetype'),
    url('./FontAwesome5Pro-Light.svg#FontAwesome5Pro-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome Brands';
  src: url('./FontAwesome5Brands-Regular.eot');
  src: url('./FontAwesome5Brands-Regular.eot?#iefix')
      format('embedded-opentype'),
    url('./FontAwesome5Brands-Regular.woff2') format('woff2'),
    url('./FontAwesome5Brands-Regular.woff') format('woff'),
    url('./FontAwesome5Brands-Regular.ttf') format('truetype'),
    url('./FontAwesome5Brands-Regular.svg#FontAwesome5Brands-Regular')
      format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome Duotone Solid';
  src: url('./FontAwesome5Duotone-Solid.eot');
  src: url('./FontAwesome5Duotone-Solid.eot?#iefix') format('embedded-opentype'),
    url('./FontAwesome5Duotone-Solid.woff2') format('woff2'),
    url('./FontAwesome5Duotone-Solid.woff') format('woff'),
    url('./FontAwesome5Duotone-Solid.ttf') format('truetype'),
    url('./FontAwesome5Duotone-Solid.svg#FontAwesome5Duotone-Solid')
      format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Alt Solid';
  src: url('./Proxima-Nova-Alt-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Alt Regular';
  src: url('./Proxima-Nova-Alt-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Alt Light';
  src: url('./Proxima-Nova-Alt-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Alt Brand';
  src: url('./Proxima-Nova-Alt-Extrabold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}