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

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

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

.fa,
.fas,
.fa-solid,
.fab,
.fa-brands {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.fab,
.fa-brands {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa::before,
.fas::before,
.fa-solid::before,
.fab::before,
.fa-brands::before {
  content: var(--fa-icon, "");
}

.fa-caret-right {
  --fa-icon: "\f0da";
}

.fa-xmark {
  --fa-icon: "\f00d";
}

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

.fa-youtube {
  --fa-icon: "\f167";
}

.fa-tiktok {
  --fa-icon: "\e07b";
}

.fa-instagram {
  --fa-icon: "\f16d";
}

.fa-linkedin,
.fa-linkedin-in {
  --fa-icon: "\f0e1";
}

.fa-x-twitter {
  --fa-icon: "\e61b";
}

.fa-whatsapp {
  --fa-icon: "\f232";
}

.fa-behance {
  --fa-icon: "\f1b4";
}