.font-light{
    font-weight: 300 !important;
}
.font-regular{
    font-weight: 400 !important;
}
.font-medium{
    font-weight: 500 !important;
}
.font-semibold{
    font-weight: 600 !important;
}
.font-bold{
    font-weight: 700 !important;
}
.font-extrabold{
    font-weight: 800 !important;
}
.font-normal {
    font-style: normal !important;
}
.font-italic {
    font-style: italic !important;
}
 
 
.text-right{
    text-align: right !important;
}
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}

.text-white{
    color: white !important;
} 
.text-black{
    color: black !important;
} 
.text-red{
    color: $red !important;
}
.text-grey{
    color: $grey !important;
}
.text-light-grey{
    color: $light-grey !important;
}


.text-upper{
  text-transform: uppercase !important;
}