@font-face {
  font-family: 'Manrope-Regular';
  src: url('@/assets/fonts/Manrope-Regular.ttf');
}
@font-face {
  font-family: 'Manrope-Medium';
  src: url('@/assets/fonts/Manrope-Medium.ttf');
}

@font-face {
  font-family: 'Manrope-Bold';
  src: url('@/assets/fonts/Manrope-Bold.ttf');
}

@font-face {
  font-family: 'Manrope-SemiBold';
  src: url('@/assets/fonts/Manrope-SemiBold.ttf');
}

.font-family-regular {
  font-family: $font-family-regular !important;
}
.font-family-medium {
  font-family: $font-family-medium !important;
}
.font-family-light {
  font-family: $font-family-light !important;
}
.font-family-bold {
  font-family: $font-family-bold !important;
}

.font-family-manrope-regular {
  font-family: $font-family-manrope-regular !important;
}
.font-family-manrope-medium {
  font-family: $font-family-manrope-medium !important;
}
.font-family-manrope-bold {
  font-family: $font-family-manrope-bold !important;
}
.font-family-manrope-semiBold {
  font-family: $font-family-manrope-semiBold !important;
}