@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/open-sans-300.woff2) format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/open-sans-400.woff2) format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/open-sans-500.woff2) format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/open-sans-600.woff2) format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/open-sans-700.woff2) format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/open-sans-800.woff2) format("woff2");
}

/* ****** START FONT AWESOME 6 ****** */
@import url('fontawesome-custom.min.css');

/*
:host, :root {
  --fa-style-family-classic:"Font Awesome 6 Pro";
  --fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal; font-weight: 100;
  font-display: block;
  src: url(../fonts/fa-thin-100.woff2) format("woff2");
}
.fa-thin, .fat { font-weight: 100 }
*/


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


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

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

/*
:host, :root {
  --fa-style-family-sharp:"Font Awesome 6 Sharp";
  --fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp"
}
@font-face {
  font-family: "Font Awesome 6 Sharp";
  font-style: normal; font-weight: 300;
  font-display: block;
  src: url(../fonts/fa-sharp-light-300.woff2) format("woff2");
}
.fa-light, .fasl { font-weight: 300 }
*/

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

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