@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-Black.ttf') format('truetype');
      font-weight: 900;
      /* Black weight */
      font-style: normal;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-BlackItalic.ttf') format('truetype');
      font-weight: 900;
      /* Black weight */
      font-style: italic;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-Bold.ttf') format('truetype');
      font-weight: 700;
      /* Bold weight */
      font-style: normal;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-BoldItalic.ttf') format('truetype');
      font-weight: 700;
      /* Bold weight */
      font-style: italic;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-Medium.ttf') format('truetype');
      font-weight: 500;
      /* Medium weight */
      font-style: normal;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-MediumItalic.ttf') format('truetype');
      font-weight: 500;
      /* Medium weight */
      font-style: italic;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-Regular.ttf') format('truetype');
      font-weight: 400;
      /* Regular weight */
      font-style: normal;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-RegularItalic.ttf') format('truetype');
      font-weight: 400;
      /* Regular weight */
      font-style: italic;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-UltraLight.ttf') format('truetype');
      font-weight: 100;
      /* Ultra light weight */
      font-style: normal;
}

@font-face {
      font-family: 'Gilroy';
      src: url('Gilroy-UltraLightItalic.ttf') format('truetype');
      font-weight: 100;
      /* Ultra light weight */
      font-style: italic;
}