/* Font Awesome Font Declarations */

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-v4compatibility.woff2") format("woff2");
}

/* Set font families for different styles */
.fab,
.fa-brands {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.far,
.fa-regular {
  font-family: "Font Awesome 7 Free";
  font-weight: 400;
}

.fas,
.fa-solid,
.fa {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}