textutilities.css

.component-text-utilities{
    margin-top: 2em;
} 
 .text-left{
     text-align: left;
 }

 .text-center{
    text-align: center;
}

.text-right{
    text-align: right;
}

.alignment-wrapper p{
    margin-bottom: 0.5em;
}

.text-xl{
    font-size: x-large;
}

.text-lg{
    font-size: large;
}

.text-md{
    font-size: medium;
}
.text-sm{
    font-size: small;
}
.text-xm{
    font-size: x-small;
}


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

.text-lowercase{
    text-transform: lowercase;
}

.text-capitalize{
    text-transform: capitalize;
}

.primary-text{
    color: var(--primary-color);

}

.secondary-text{
    color: var(--secondary-color);
}

.grey-text{
    color: var(--grey-text);
}