@font-face {
    font-family: Montserrat-ExtraBold;
    font-weight: 800;
    src: local('Montserrat-ExtraBold'), url(../fonts/Montserrat-ExtraBold.ttf) format('truetype');
    unicode-range: U+000-5FF;
    font-display: swap
}

@font-face {
    font-family: Montserrat-Bold;
    src: local('Montserrat-Bold'), url(../fonts/Montserrat-Bold.ttf) format('truetype');
    unicode-range: U+000-5FF;
    font-display: swap
}

@font-face {
    font-family: Montserrat-Regular;
    src: local(' Montserrat-Regular'), url(../fonts/Montserrat-Regular.ttf) format('truetype');
    unicode-range: U+000-5FF;
    font-display: swap
}
@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-Light.ttf);
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-SemiBold.ttf);
  font-weight: 600;
  font-display: swap;
}

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

.fab {
    font-family: "Font Awesome 5 Brands"
}

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

.fab, .far {
    font-weight: 400
}

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

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free"
}

.fa, .fas {
    font-weight: 900
}