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

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

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

.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
    -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-brands,
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

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

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

.fa-facebook-f::before {
    content: "\f39e";
}

.fa-youtube::before {
    content: "\f167";
}

.fa-comments::before {
    content: "\f086";
}

.fa-xmark::before {
    content: "\f00d";
}