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

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

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

/* Base icon styles */
.fa,
.fas,
.far,
.fal,
.fat,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

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

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

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

/* Ensure ::before elements inherit font family */
.fa-solid::before,
.fas::before,
[class^="fa-"]::before,
[class*=" fa-"]::before {
  font-family: inherit;
  font-weight: inherit;
}

/* Icon definitions - Solid icons */
.fa-file-alt::before { content: "\f15c"; }
.fa-download::before { content: "\f019"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-phone::before { content: "\f095"; }
.fa-volume-high::before { content: "\f028"; }
.fa-volume-xmark::before { content: "\f6a9"; }

/* Icon definitions - Brand icons */
.fa-whatsapp::before { content: "\f232"; }
.fa-linkedin::before { content: "\f08c"; }
.fa-instagram::before { content: "\f16d"; }