.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}
.fa,.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:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before {
    content: var(--fa)
}

.fa-classic,.fa-regular,.fa-solid,.far,.fas {
    font-family: "Font Awesome 6 Free"
}

.fa-brands,.fab {
    font-family: "Font Awesome 6 Brands"
}
.fa-user {
    --fa: "\f007";
    --fa--fa: "\f007\f007"
}
.fa-arrow-right {
    --fa: "\f061";
    --fa--fa: "\f061\f061"
}
.fa-angle-down {
    --fa: "\f107";
    --fa--fa: "\f107\f107"
}
.fa-chevron-left {
    --fa: "\f053";
    --fa--fa: "\f053\f053"
}
.fa-chevron-right {
    --fa: "\f054";
    --fa--fa: "\f054\f054"
}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}
:host,:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}
.fa-brands,.fab {
    font-weight: 400
}
.fa-facebook-square,.fa-square-facebook {
    --fa: "\f082"
}
.fa-linkedin {
    --fa: "\f08c"
}
.fa-instagram {
    --fa: "\f16d"
}
.fa-youtube {
    --fa: "\f167"
}
.fa-x-twitter {
    --fa: "\e61b"
}
:host,:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}
:host,:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}
.fa-solid,.fas {
    font-weight: 900
}
.fa-right-from-bracket,.fa-sign-out-alt {
    --fa: "\f2f5";
    --fa--fa: "\f2f5\f2f5"
}
.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast {
    --fa: "\f625";
    --fa--fa: "\f625\f625"
}
.fa-clock-rotate-left,.fa-history {
    --fa: "\f1da";
    --fa--fa: "\f1da\f1da"
}
.fa-arrow-trend-up {
    --fa: "\e098";
    --fa--fa: "\e098\e098"
}

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