/* Gilroy Light */
@font-face {
  font-family: "Gilroy";
  src: url("/static/fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

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

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

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

/* Gilroy Heavy */
@font-face {
  font-family: "Gilroy";
  src: url("/static/fonts/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

.ft-light {
  font-family: "Gilroy", sans-serif;
  font-weight: 300;
}

.ft-regular {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
}

.ft-medium {
  font-family: "Gilroy", sans-serif;
  font-weight: 500;
}

.ft-bold {
  font-family: "Gilroy", sans-serif;
  font-weight: 700;
}

.ft-heavy {
  font-family: "Gilroy", sans-serif;
  font-weight: 800;
}

.custom-shape {
  clip-path: polygon(0 0, 50% 0, 100% 100%, 0 100%);
}

/* Disable on small screens */
@media (max-width: 767px) {
  .custom-shape {
    clip-path: none;
  }
}