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

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


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