.fa, .fa-solid, .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

/* 2) Render glyph */
.fa::before, .fas::before, .fa-solid::before {
    content: var(--fa, "");
}

/* 3) Font face (adjust path!) */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}
.fa-gears {
    --fa: "\f085";
}
.fa-lightbulb {
    --fa: "\f0eb";
}

.fa-plug-circle-bolt {
    --fa: "\e55b";
}

.fa-microchip {
    --fa: "\f2db";
}

.fa-city {
    --fa: "\f64f";
}
.fa-house-chimney {
    --fa: "\e3af";
}
.fa-screwdriver-wrench { --fa: "\f7d9"; }
.fa-handshake { --fa: "\f2b5"; }
/* 4) Only the icons you need */

.fa-envelope { --fa: "\f0e0"; }