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

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

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

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

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

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

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

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

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

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