.fa,
.fa-classic,
.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;
}

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

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

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