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

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

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

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

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

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

@font-face {
    font-family: "Font Awesome 6 Sharp";
    font-style: normal; 
    font-weight: 300;
    font-display: block;
    src: url('../fonts/fa/fa-sharp-light-300.woff2') format("woff2"), url('../fonts/fa/fa-sharp-light-300.ttf') format("truetype")
}

.fa {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    /* line-height: 1; */
    text-rendering: auto;
}