@font-face {
    font-family: "RobotoMedium";
    src: url("/assets/fonts/Roboto-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
.font-roboto-md {
    font-family: 'RobotoMedium' !important;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
.font-roboto-rg {
    font-family: 'RobotoRegular' !important;
}

@font-face {
    font-family: "RobotoLight";
    src: url("/assets/fonts/Roboto-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
.font-roboto-li {
    font-family: 'RobotoLight' !important;
}

@font-face {
    font-family: "RobotoBold";
    src: url("/assets/fonts/Roboto-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
.font-roboto-bld {
    font-family: 'RobotoBold' !important;
}

.font-10 {
    font-size: 0.625rem !important;
}
.font-12 {
    font-size: 0.75rem !important;
}
.font-14 {
    font-size: 0.875rem !important;
}
.font-16 {
    font-size: 1rem !important;
}
.font-18 {
    font-size: 1.125rem !important;
}
.font-20 {
    font-size: 1.25rem !important;
}
.font-22 {
    font-size: 1.375rem !important;
}
.font-24 {
    font-size: 1.5rem !important;
}