:root {
    --font-family-gilroy: "Gilroy", sans-serif;
    --font-family-gilroy-bold: "Gilroy-Bold", sans-serif;
    --font-family-gilroy-light: "Gilroy-Light", sans-serif;
    --font-family-gilroy-medium: "Gilroy-Medium", sans-serif;
    --font-family-gilroy-regular: "Gilroy-Regular", sans-serif;
    --font-family-gilroy-semibold: "Gilroy-SemiBold", sans-serif;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-THIN.TTF") format("truetype");
    font-weight: 100;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-ULTRALIGHT.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-LIGHT.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-REGULAR.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-MEDIUM.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-SEMIBOLD.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
} 
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-BOLD.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-EXTRABOLD.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-HEAVY.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
  
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/GILROY-BLACK.ttf") format("truetype");
    font-weight: 950;
    font-style: normal;
}