/*sm  10px */

.font-light-sm{
    font-size: 10px;
    font-weight: 300;
}

.font-regular-sm{
    font-size: 10px;
    font-weight: 400;
}

.font-medium-sm{
    font-size: 10px;
    font-weight: 500;
}

.font-semibold-sm{
    font-size: 10px;
    font-weight: 600;
}


/*md 13px */

.font-light-md{
    font-size: 13px;
    font-weight: 300;
}

.font-regular-md{
    font-size: 13px;
    font-weight: 400;
}

.font-medium-md{
    font-size: 13px;
    font-weight: 500;
}

.font-semibold-md{
    font-size: 13px;
    font-weight: 600;
}


/*lg 15px */

.font-light-lg{
    font-size: 15px;
    font-weight: 300;
}

.font-regular-lg{
    font-size: 15px;
    font-weight: 400;
}

.font-medium-lg{
    font-size: 15px;
    font-weight: 500;
}

.font-semibold-lg{
    font-size: 15px;
    font-weight: 600;
}



/*xl 20px */

.font-light-xl{
    font-size: 20px;
    font-weight: 300;
}

.font-regular-xl{
    font-size: 20px;
    font-weight: 400;
    line-break: loose;
}

.font-medium-xl{
    font-size: 20px;
    font-weight: 500;
}

.font-semibold-xl{
    font-size: 20px;
    font-weight: 600;
}


/*xxl 30px */


.font-light-xxl{
    font-size: 30px;
    font-weight: 300;
}

.font-regular-xxl{
    font-size: 30px;
    font-weight: 400;
}

.font-medium-xxl{
    font-size: 30px;
    font-weight: 500;
}

.font-semibold-xxl{
    font-size: 30px;
    font-weight: 600;
}